diff --git a/assets/build/utilities.css b/assets/build/utilities.css index e364e79..3aea847 100644 --- a/assets/build/utilities.css +++ b/assets/build/utilities.css @@ -1,1885 +1,3 @@ -.nfd-relative { - position: relative !important; -} -.-nfd-bottom-1 { - bottom: -0.25rem !important; -} -.-nfd-top-0 { - top: -0px !important; -} -.-nfd-top-0\.5 { - top: -0.125rem !important; -} -.-nfd-top-1 { - top: -0.25rem !important; -} -.nfd-top-10 { - top: 2.5rem !important; -} -.nfd-col-start-1 { - grid-column-start: 1 !important; -} -.nfd-col-start-4 { - grid-column-start: 4 !important; -} -.nfd-col-start-5 { - grid-column-start: 5 !important; -} -.nfd-col-start-6 { - grid-column-start: 6 !important; -} -.nfd-col-start-7 { - grid-column-start: 7 !important; -} -.nfd-col-end-10 { - grid-column-end: 10 !important; -} -.nfd-col-end-13 { - grid-column-end: 13 !important; -} -.nfd-col-end-7 { - grid-column-end: 7 !important; -} -.nfd-col-end-8 { - grid-column-end: 8 !important; -} -.nfd-col-end-9 { - grid-column-end: 9 !important; -} -.nfd-row-start-1 { - grid-row-start: 1 !important; -} -.nfd-my-0:not([style*="margin"]) { - margin-top: 0px !important; - margin-bottom: 0px !important; -} -.nfd-mb-8:not([style*="margin"]) { - margin-bottom: 2rem !important; -} -.nfd-mt-8:not([style*="margin"]) { - margin-top: 2rem !important; -} -.nfd-mt-\[-100px\]:not([style*="margin"]) { - margin-top: -100px !important; -} -.nfd-grid { - display: grid !important; -} -.nfd-h-full { - height: 100% !important; -} -.nfd-w-full { - width: 100% !important; -} -.nfd-shrink-0 { - flex-shrink: 0 !important; -} -.nfd-grow { - flex-grow: 1 !important; -} -.nfd-grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)) !important; -} -.nfd-grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)) !important; -} -.nfd-grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)) !important; -} -.nfd-items-center { - align-items: center !important; -} -.nfd-gap-y-10 { - row-gap: 2.5rem !important; -} -.nfd-overflow-hidden { - overflow: hidden !important; -} -.nfd-p-0:not([style*="padding"]) { - padding: 0px !important; -} -.nfd-p-10:not([style*="padding"]) { - padding: 2.5rem !important; -} -.nfd-p-2:not([style*="padding"]) { - padding: 0.5rem !important; -} -.nfd-p-4:not([style*="padding"]) { - padding: 1rem !important; -} -.nfd-p-8:not([style*="padding"]) { - padding: 2rem !important; -} -.nfd-px-0:not([style*="padding"]) { - padding-left: 0px !important; - padding-right: 0px !important; -} -.nfd-px-4:not([style*="padding"]) { - padding-left: 1rem !important; - padding-right: 1rem !important; -} -.nfd-px-8:not([style*="padding"]) { - padding-left: 2rem !important; - padding-right: 2rem !important; -} -.nfd-py-0:not([style*="padding"]) { - padding-top: 0px !important; - padding-bottom: 0px !important; -} -.nfd-py-4:not([style*="padding"]) { - padding-top: 1rem !important; - padding-bottom: 1rem !important; -} -.nfd-py-5:not([style*="padding"]) { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; -} -.nfd-pt-0:not([style*="padding"]) { - padding-top: 0px !important; -} -.nfd-text-left { - text-align: left !important; -} -/** - * WooCommerce styles. - */ -.nfd-wc-products { - self-align: flex-start !important; - flex-grow: 0 !important; -} -.nfd-wc-products > ul { - row-gap: calc(var(--wndb--gap--2xl) * var(--wndb--gap--scale-factor)) !important; -} -.nfd-wc-products .wc-block-grid__product-image { - overflow: hidden !important; -} -.nfd-wc-products .wc-block-grid__product-image img { - transition: transform 0.6s ease-in-out !important; -} -.nfd-wc-products .wc-block-grid__product-image img:hover { - transform: scale(1.1) !important; -} -.nfd-wc-products .wc-block-components-product-sale-badge { - border: 1px solid rgba(255, 255, 255, 0.2) !important; - background: rgba(255, 255, 255, 0.5) !important; - -webkit-backdrop-filter: blur(4px) !important; - backdrop-filter: blur(4px) !important; - border-radius: 999px !important; - font-size: 0.8125rem !important; - font-weight: 700 !important; - margin: 6px !important; - padding: 4px 12px !important; -} -.nfd-wc-products .wc-block-components-product-sale-badge > span { - background: transparent !important; -} -/* Color fixes */ -.nfd-wc-products .wc-block-components-product-price { - color: inherit !important; -} -/* Search */ -.nfd-wc-search .wp-block-search__inside-wrapper { - width: 25rem !important; - max-width: 100% !important; - padding: 0 !important; - border: 2px solid var(--wndb--color--subtle) !important; - background-color: var(--wndb--color--borders) !important; - border-radius: 999px !important; -} -.nfd-wc-search .wp-block-search__inside-wrapper input[type="search"] { - border: none !important; - background: none !important; - padding-inline: 24px !important; - min-height: 3.75rem !important; - font-size: 1.25rem !important; - font-weight: 500 !important; - border-top-left-radius: 999px !important; - border-bottom-left-radius: 999px !important; - color: var(--wndb--color--text--contrast) !important; -} -.nfd-wc-search .wp-block-search__inside-wrapper:has(input[type="search"]:focus), -.nfd-wc-search .wp-block-search__inside-wrapper:has(button:focus) { - outline: 2px solid var(--wndb--color--text--contrast) !important; - outline-offset: 2px !important; -} -.nfd-wc-search .wp-block-search__button { - background: var(--wndb-gray-800) !important; - border-radius: 999px !important; - aspect-ratio: 1/1 !important; - height: 100% !important; - margin-top: 2px !important; - margin-right: 2px !important; - margin-left: 0 !important; -} -.nfd-wc-search .wp-block-search__button:hover, -.nfd-wc-search .wp-block-search__button:focus { - background: var(--wndb-gray-900) !important; - outline: 2px solid var(--wndb-gray-900) !important; - outline-offset: 2px !important; - filter: none !important; -} -.nfd-wc-search .wp-block-search__inside-wrapper input[type="search"]::-moz-placeholder { - color: var(--wndb--color--text--faded) !important; -} -.nfd-wc-search .wp-block-search__inside-wrapper input[type="search"]::placeholder { - color: var(--wndb--color--text--faded) !important; -} -/** - * Section Background Effect - * - * A collection of utilities for adding CSS only background effects. - */ -:root { - --wndb-mask-color: rgba(0, 0, 0, 0.15); - --wndb-mask-position: 50% 50% at 50% 20%; - --wndb-mask-opacity: 0.35; -} -[class*="nfd-bg-effect"] { - position: relative !important; - isolation: isolate !important; -} -.nfd-bg-effect-position-center { - --wndb-mask-position: 50% 50% at 50% 50%; -} -[class*="nfd-bg-effect"]::after { - content: "" !important; - position: absolute !important; - inset: 0 !important; - z-index: -1 !important; - pointer-events: none !important; - -webkit-mask-image: radial-gradient(ellipse var(--wndb-mask-position), #000 70%, rgba(0, 0, 0, 0.3) 100%) !important; - mask-image: radial-gradient(ellipse var(--wndb-mask-position), #000 70%, rgba(0, 0, 0, 0.3) 100%) !important; - opacity: var(--wndb-mask-opacity) !important; -} -/* Dots */ -.nfd-bg-effect-dots::after { - --wndb-mask-opacity: 1; - background: radial-gradient(var(--wndb-mask-color) 1px, transparent 1px) !important; - background-size: 20px 20px !important; -} -/* Grid */ -.nfd-bg-effect-grid::after { - background-image: linear-gradient(to right, var(--wndb-mask-color) 1px, transparent 1px), - linear-gradient(to bottom, var(--wndb-mask-color) 1px, transparent 1px) !important; - background-size: 50px 50px !important; -} -.nfd-bg-effect-grid-2::after { - background-image: linear-gradient(to right, var(--wndb-mask-color) 1px, transparent 1px), - linear-gradient(to bottom, var(--wndb-mask-color) 1px, transparent 1px) !important; - background-size: 14px 32px !important; -} -.nfd-bg-effect-grid-3 { - overflow: hidden !important; -} -.nfd-bg-effect-grid-3::after { - transform: scale(1.5) skew(-30deg, 30deg) !important; - background-image: linear-gradient(to right, var(--wndb-mask-color) 1px, transparent 1px), - linear-gradient(to bottom, var(--wndb-mask-color) 1px, transparent 1px) !important; - background-size: 32px 80px !important; - right: -40% !important; - top: -20% !important; -} -/* Lines */ -.nfd-bg-effect-lines::after { - --wndb-mask-opacity: 0.4; - background-image: linear-gradient(to right, var(--wndb-mask-color) 1px, transparent 1px) !important; - background-size: 48px !important; -} -.nfd-bg-effect-lines-2 { - overflow: hidden !important; -} -.nfd-bg-effect-lines-2::after { - background-image: linear-gradient(to right, var(--wndb-mask-color) 1px, transparent 1px) !important; - background-size: 32px 96px !important; - transform: scale(1.5) skew(-45deg, 45deg) !important; - right: -40% !important; - top: -20% !important; -} -/** -* Typography related utilities -*/ -:where(:root) { - --wndb--max-w--prose: min(65ch, 700px); -} -.nfd-max-w-prose:not(.nfd-max-w-full), -:where(.nfd-text-balance:not(.nfd-max-w-full)) { - max-width: var(--wndb--max-w--prose) !important; -} -.nfd-max-w-prose:not(.nfd-max-w-full).has-text-align-center, -:where(.nfd-text-balance:not(.nfd-max-w-full)).has-text-align-center { - margin-inline: auto !important; -} -.nfd-max-w-prose:not(.nfd-max-w-full).has-text-align-right, -:where(.nfd-text-balance:not(.nfd-max-w-full)).has-text-align-right { - margin-inline-start: auto !important; -} -:where(.nfd-text-balance) { - text-wrap: balance !important; -} -.nfd-text-balance > p, -.nfd-text-balance > h1, -.nfd-text-balance > h2, -.nfd-text-balance > h3, -.nfd-text-balance > h4 { - text-wrap: balance !important; -} -.nfd-text-pretty { - text-wrap: pretty !important; -} -.nfd-text-pretty > p, -.nfd-text-pretty > h1, -.nfd-text-pretty > h2, -.nfd-text-pretty > h3, -.nfd-text-pretty > h4 { - text-wrap: pretty !important; -} -.wp-block-image figcaption { - text-wrap: balance !important; - font-weight: 400 !important; - max-width: 64ch !important; - margin-inline: auto !important; - padding-block-start: 0.5em !important; -} -.wp-block-quote > .nfd-text-pretty { - margin-block: 0.25em; - font-weight: 550; -} -:where(:root) { - /** - * Default text scale factor - */ - --wndb--text-scale-factor: 1; - - /* Scale */ - --wndb--text--xs: 0.75rem; - --wndb--text--sm: 0.875rem; - --wndb--text--base: 1rem; - --wndb--text--md: 1.125rem; - --wndb--text--lg: 1.5rem; - --wndb--text--xl: 2.375rem; - --wndb--text--huge: clamp(2.75rem, 1.4688rem + 2.5vw, 3.5rem); - --wndb--text-giga: clamp(3.25rem, 2.546875rem + 2.25vw, 4.375rem); -} -/* XS */ -.nfd-text-xs:not([class*="font-size"]):not([style*="font-size"]) { - font-size: calc(var(--wndb--text--xs) * var(--wndb--text-scale-factor)) !important; -} -.nfd-text-xs:not([style*="letter-spacing"]) { - letter-spacing: 0.05em !important; -} -/* Small */ -.nfd-text-sm:not([class*="font-size"]):not([style*="font-size"]) { - font-size: calc(var(--wndb--text--sm) * var(--wndb--text-scale-factor)) !important; -} -/* Base */ -.nfd-text-base:not([class*="font-size"]):not([style*="font-size"]) { - font-size: calc(var(--wndb--text--base) * var(--wndb--text-scale-factor)) !important; -} -/* Medium */ -.nfd-text-md:not([class*="font-size"]):not([style*="font-size"]) { - font-size: calc(var(--wndb--text--md) * var(--wndb--text-scale-factor)) !important; -} -.nfd-text-md:not([style*="line-height"]), -.nfd-text-base:not([style*="line-height"]) { - line-height: 1.6 !important; -} -/* Large */ -.nfd-text-lg:not([class*="font-size"]):not([style*="font-size"]) { - font-size: calc(var(--wndb--text--lg) * var(--wndb--text-scale-factor)) !important; -} -.nfd-text-lg:not([style*="line-height"]) { - line-height: 1.4 !important; -} -.nfd-text-lg:not([style*="letter-spacing"]) { - letter-spacing: -0.02em !important; -} -.nfd-text-lg:not([style*="font-weight"]) { - font-weight: 500 !important; -} -/* XLarge */ -.nfd-text-xl:not([class*="font-size"]):not([style*="font-size"]) { - font-size: var(--wndb--text--xl) !important; -} -.nfd-text-xl:not([style*="line-height"]) { - line-height: 1.25 !important; -} -.nfd-text-xl:not([style*="letter-spacing"]) { - letter-spacing: -0.01em !important; -} -.nfd-text-xl:not([style*="font-weight"]) { - font-weight: 500 !important; -} -/* Huge */ -:where(.nfd-text-huge:not([class*="font-size"]):not([style*="font-size"])) { - font-size: calc(var(--wndb--text--huge) * var(--wndb--text-scale-factor)) !important; - text-wrap: balance !important; - max-width: var(--wndb--max-w--prose) !important; -} -/* Center */ -:where(.nfd-text-huge:not([class*="font-size"]):not([style*="font-size"])).has-text-align-center, -:where(.nfd-text-giga:not([class*="font-size"]):not([style*="font-size"])).has-text-align-center { - margin-inline: auto !important; -} -/* Right */ -:where(.nfd-text-huge:not([class*="font-size"]):not([style*="font-size"])).has-text-align-right, -:where(.nfd-text-giga:not([class*="font-size"]):not([style*="font-size"])).has-text-align-right { - margin-inline-start: auto !important; -} -.nfd-text-huge:not([style*="line-height"]) { - line-height: 1.1 !important; -} -.nfd-text-huge:not([style*="letter-spacing"]) { - letter-spacing: -0.04em !important; -} -.nfd-text-huge:not([style*="font-weight"]) { - font-weight: 500 !important; -} -/* Giga */ -:where(.nfd-text-giga:not([class*="font-size"]):not([style*="font-size"])) { - font-size: calc(var(--wndb--text-giga) * var(--wndb--text-scale-factor)) !important; - text-wrap: balance !important; - max-width: var(--wndb--max-w--prose) !important; -} -.nfd-text-giga:not([style*="line-height"]) { - line-height: 1.1 !important; -} -.nfd-text-giga:not([style*="letter-spacing"]) { - letter-spacing: -0.04em !important; -} -.nfd-text-giga:not([style*="font-weight"]) { - font-weight: 500 !important; -} -/* -------------------------------------------------------------------------- */ -/* Animations */ -/* -------------------------------------------------------------------------- */ -:root { - --nfd-wb-anim-transition-duration: 1400ms; - --nfd-wb-anim-transition-delay: 50ms; - --nfd-wb-anim-transition-easing-function: cubic-bezier(0.4, 1, 0.65, 1); - --nfd-wb-anim-transition: all var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay); -} -/* No animations when reduced motion is preferred */ -@media (prefers-reduced-motion: reduce) { - .nfd-wb-animate { - transition: none !important; - } - - /* Reset animations */ - [class*="nfd-wb-"], - .nfd-wb-twist-in { - opacity: 1 !important; - transform: none !important; - -webkit-clip-path: none !important; - clip-path: none !important; - } -} -/* No animations on mobile devices */ -@media (max-width: 782px) { - .nfd-wb-animate { - transition: none !important; - } - - /* Reset animations */ - [class*="nfd-wb-"], - .nfd-wb-twist-in { - opacity: 1 !important; - transform: none !important; - -webkit-clip-path: none !important; - clip-path: none !important; - } -} -/* Allow animations to be replayed. This attribute is removed from element with JS, causing the animation to be replayed */ -.nfd-wb-animate[data-replay-animation] { - transition: none !important; -} -/* Don't show animations in the preview editor */ -.block-editor-block-preview__content-iframe [class*="nfd-wb-"] { - opacity: 1 !important; - transform: none !important; - -webkit-clip-path: none !important; - clip-path: none !important; -} -/* --------------------------------- Fade In -------------------------------- */ -[class*="nfd-wb-fade-in"] { - --nfd-wb-anim-transition: opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay), - transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay); - - transition: var(--nfd-wb-anim-transition); -} -/* Bottom (long) */ -.nfd-wb-fade-in-bottom { - --nfd-wb-anim-transition-duration: 1200ms; - - opacity: 0; - transform: translate3d(0, 90px, 0); - transition: var(--nfd-wb-anim-transition); -} -/* Bottom */ -.nfd-wb-fade-in-bottom-short { - --nfd-wb-anim-transition-duration: 600ms; - - opacity: 0; - transform-origin: center bottom; - transform: translate3d(0, 32px, 0) scale3d(0.96, 0.96, 0.96); - transition: var(--nfd-wb-anim-transition); -} -/* Top */ -.nfd-wb-fade-in-top-short { - --nfd-wb-anim-transition-duration: 600ms; - - opacity: 0; - transform-origin: center top; - transform: translate3d(0, -32px, 0) scale3d(0.96, 0.96, 0.96); - transition: var(--nfd-wb-anim-transition); -} -/* Left */ -.nfd-wb-fade-in-left-short { - --nfd-wb-anim-transition-duration: 600ms; - - opacity: 0; - transform-origin: center left; - transform: translate3d(-32px, 0, 0) scale3d(0.96, 0.96, 0.96); - transition: var(--nfd-wb-anim-transition); -} -/* Right */ -.nfd-wb-fade-in-right-short { - --nfd-wb-anim-transition-duration: 600ms; - - opacity: 0; - transform-origin: right center; - transform: translate3d(32px, 0, 0) scale3d(0.96, 0.96, 0.96); - transition: var(--nfd-wb-anim-transition); -} -.nfd-wb-animated-in:not([data-replay-animation])[class*="nfd-wb-fade-in"] { - opacity: 1; - transform: translate3d(0, 0, 0) scale3d(1, 1, 1); -} -/* --------------------------------- Zoom In -------------------------------- */ -.nfd-wb-zoom-in { - --nfd-wb-anim-transition-duration: 1200ms; - - --nfd-wb-anim-transition: opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay), - transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay); - - opacity: 0; - transform: scale3d(0.4, 0.4, 0.4); - transition: var(--nfd-wb-anim-transition); -} -.nfd-wb-zoom-in-short { - --nfd-wb-anim-transition-duration: 600ms; - - --nfd-wb-anim-transition: opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay), - transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay); - - opacity: 0; - transform: scale3d(0.92, 0.92, 0.92); - transition: var(--nfd-wb-anim-transition); -} -.nfd-wb-animated-in:not([data-replay-animation])[class*="nfd-wb-zoom-"] { - opacity: 1 !important; - transform: scale3d(1, 1, 1) !important; -} -/* -------------------------------- Twist In -------------------------------- */ -div:has(> .nfd-wb-twist-in) { - perspective: 1200px; -} -.nfd-wb-twist-in { - --nfd-wb-anim-transition-duration: 1000ms; - - --nfd-wb-anim-transition: opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay), - transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay); - opacity: 0; - transform: translateY(40px) scale(0.8) rotateY(30deg) rotateZ(-12deg) translateZ(0); - transition: var(--nfd-wb-anim-transition); -} -.nfd-wb-animated-in:not([data-replay-animation]).nfd-wb-twist-in { - opacity: 1 !important; - transform: translateY(0px) scale(1) rotateY(0deg) rotateZ(0deg) translateZ(0) !important; -} -/* ---------------------------- Reveal Animations --------------------------- */ -/* Mask reveal animations require DOM parent to be used for intersection observer */ -.nfd-wb-reveal-right { - --nfd-wb-anim-transition-duration: 1500ms; - --nfd-wb-anim-transition-easing-function: cubic-bezier(0.4, 0, 0, 1); - --nfd-wb-anim-transition: clip-path var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay); - - transition: var(--nfd-wb-anim-transition); - -webkit-clip-path: inset(0 100% 0 0); - clip-path: inset(0 100% 0 0); -} -.nfd-wb-animated-in > .nfd-wb-reveal-right:not([data-replay-animation]) { - -webkit-clip-path: inset(0 0 0 0) !important; - clip-path: inset(0 0 0 0) !important; -} -/* --------------------------------- Delays --------------------------------- */ -.nfd-delay-50 { - --nfd-wb-anim-transition-delay: 50ms; -} -.nfd-delay-150 { - --nfd-wb-anim-transition-delay: 150ms; -} -.nfd-delay-300 { - --nfd-wb-anim-transition-delay: 300ms; -} -.nfd-delay-450 { - --nfd-wb-anim-transition-delay: 450ms; -} -.nfd-delay-600 { - --nfd-wb-anim-transition-delay: 600ms; -} -.nfd-delay-750 { - --nfd-wb-anim-transition-delay: 750ms; -} -.nfd-delay-900 { - --nfd-wb-anim-transition-delay: 900ms; -} -.nfd-delay-1050 { - --nfd-wb-anim-transition-delay: 1050ms; -} -.nfd-delay-1200 { - --nfd-wb-anim-transition-delay: 1200ms; -} -.nfd-delay-1350 { - --nfd-wb-anim-transition-delay: 1350ms; -} -.nfd-delay-1500 { - --nfd-wb-anim-transition-delay: 1500ms; -} -/** - * NFD Container (.nfd-container) - * - * This is meant to be used on top-level group block and it - * controlls the width of the content inside it and sets some default - * styling for our patterns (removes margins, sets font size...). - * - * Requires "Inner blocks use content width" to be enabled on the group. - * - * The default width values can be overriden with: - * 1. The "content" and "wide" options in the block settings. - * 2. By inheriting "width" and "wide width" from the active theme. - * - * We are keeping the specificity of the selectors low so that it can be - * easily overriden by the theme or Gutenberg options. - */ -:where(:root) { - - /* - * Default and wide container width. - * This is used if the width is not inherited from the theme. - */ - --wndb--container: 1200px; - --wndb--container--wide: 1340px; -} -/* ----------------------------- Container width ---------------------------- */ -body .is-layout-constrained:has(.nfd-container.is-layout-constrained) > .nfd-container.is-layout-constrained { - width: 100% !important; - max-width: unset !important; -} -.nfd-container:is(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)), -.nfd-container:is(.nfd-my-0) > div, -.editor-styles-wrapper .nfd-container:is(.is-layout-constrained) > :where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)), -.nfd-container > :where(.wp-block-cover-is-layout-constrained:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)), -.editor-styles-wrapper .nfd-container > :where(.wp-block-cover-is-layout-constrained:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)):not([style*="margin"]) { - width: 100%; - max-width: var(--wndb--container); -} -/* ------------------------------- Wide width ------------------------------- */ -.nfd-container:is(.is-layout-constrained) > .alignwide, -.nfd-container:is(.nfd-my-0) > .alignwide, -.editor-styles-wrapper .nfd-container:is(.is-layout-constrained) > .alignwide, -.nfd-container:is(.is-layout-constrained).alignwide > :where(:not(.alignleft):not(.alignright):not(.alignfull)):not([style*="margin"]) { - width: 100%; - max-width: var(--wndb--container--wide); -} -/* ----------------------------- Inline padding ----------------------------- */ -.nfd-container:not(.alignfull) { - padding-inline: var(--wndb--p) !important; -} -/* ------------------------- Backwards compatibility ------------------------ */ -.nfd-container:is(.nfd-my-0) > div:not([style*="margin"]) { - margin-inline: auto !important; -} -/* - * Section dividers. - */ -/** - * Base divider styles. - */ -[class*="nfd-divider-"] { - position: relative; - z-index: 13; -} -[class*="nfd-divider-"] ~ [class*="nfd-divider-"] { - z-index: 12 !important; -} -[class*="nfd-divider-"] ~ [class*="nfd-divider-"] ~ [class*="nfd-divider-"] { - z-index: 11 !important; -} -[class*="nfd-divider-"]::before { - background: inherit !important; - bottom: calc(-1 * var(--wndb--divider-size)) !important; - content: "" !important; - height: var(--wndb--divider-size) !important; - left: 0 !important; - pointer-events: none !important; - position: absolute !important; - width: 100% !important; - z-index: 10 !important; -} -/* - * "Arrow" divider. - */ -.nfd-divider-arrow { - --wndb--divider-size: 16px; -} -.nfd-divider-arrow::before { - bottom: calc(var(--wndb--divider-size) * -1) !important; - height: calc(var(--wndb--divider-size) * 2) !important; - left: 50% !important; - width: calc(var(--wndb--divider-size) * 2) !important; - transform: translateX(-50%) rotate(45deg) !important; -} -/* - * "Clouds" divider. - */ -.nfd-divider-clouds { - --wndb--divider-size: 150px; -} -.nfd-divider-clouds::before, -.nfd-divider-clouds::after { - content: "" !important; - position: absolute !important; - pointer-events: none !important; - z-index: 10 !important; - background: inherit !important; - top: 0 !important; - left: 0 !important; - width: 100% !important; - height: var(--wndb--divider-size) !important; - background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 283.5 27.8' preserveAspectRatio='xMidYMax slice'%3E%3Cpath d='M0 0v6.7c1.9-.8 4.7-1.4 8.5-1 9.5 1.1 11.1 6 11.1 6s2.1-.7 4.3-.2c2.1.5 2.8 2.6 2.8 2.6s.2-.5 1.4-.7c1.2-.2 1.7.2 1.7.2s0-2.1 1.9-2.8c1.9-.7 3.6.7 3.6.7s.7-2.9 3.1-4.1 4.7 0 4.7 0 1.2-.5 2.4 0 1.7 1.4 1.7 1.4h1.4c.7 0 1.2.7 1.2.7s.8-1.8 4-2.2c3.5-.4 5.3 2.4 6.2 4.4.4-.4 1-.7 1.8-.9 2.8-.7 4 .7 4 .7s1.7-5 11.1-6c9.5-1.1 12.3 3.9 12.3 3.9s1.2-4.8 5.7-5.7c4.5-.9 6.8 1.8 6.8 1.8s.6-.6 1.5-.9c.9-.2 1.9-.2 1.9-.2s5.2-6.4 12.6-3.3c7.3 3.1 4.7 9 4.7 9s1.9-.9 4 0 2.8 2.4 2.8 2.4 1.9-1.2 4.5-1.2 4.3 1.2 4.3 1.2.2-1 1.4-1.7 2.1-.7 2.1-.7-.5-3.1 2.1-5.5 5.7-1.4 5.7-1.4 1.5-2.3 4.2-1.1c2.7 1.2 1.7 5.2 1.7 5.2s.3-.1 1.3.5c.5.4.8.8.9 1.1.5-1.4 2.4-5.8 8.4-4 7.1 2.1 3.5 8.9 3.5 8.9s.8-.4 2 0 1.1 1.1 1.1 1.1 1.1-1.1 2.3-1.1 2.1.5 2.1.5 1.9-3.6 6.2-1.2 1.9 6.4 1.9 6.4 2.6-2.4 7.4 0c3.4 1.7 3.9 4.9 3.9 4.9s3.3-6.9 10.4-7.9 11.5 2.6 11.5 2.6.8 0 1.2.2c.4.2.9.9.9.9s4.4-3.1 8.3.2c1.9 1.7 1.5 5 1.5 5s.3-1.1 1.6-1.4c1.3-.3 2.3.2 2.3.2s-.1-1.2.5-1.9 1.9-.9 1.9-.9-4.7-9.3 4.4-13.4c5.6-2.5 9.2.9 9.2.9s5-6.2 15.9-6.2 16.1 8.1 16.1 8.1.7-.2 1.6-.4V0H0z' fill='%23ffffff'%3E%3C/path%3E%3C/svg%3E") !important; - background-repeat: repeat-x !important; - background-size: cover !important; -} -.nfd-divider-clouds::after { - transform: rotate(180deg) !important; - bottom: 0 !important; - top: auto !important; -} -/** - * "Ellipse" section divider. - */ -.nfd-divider-ellipse { - --wndb--divider-size: 50px; -} -.nfd-divider-ellipse::before { - -webkit-clip-path: ellipse(50% var(--wndb--divider-size) at 50% 0%) !important; - clip-path: ellipse(50% var(--wndb--divider-size) at 50% 0%) !important; -} -/** - * "Rounded" section divider. - */ -.nfd-divider-rounded:not([style*="-radius"]) { - --wndb--divider-size: 50px; -} -.nfd-divider-rounded::before:not([style*="-radius"]) { - border-bottom-left-radius: var(--wndb--divider-size) !important; - border-bottom-right-radius: var(--wndb--divider-size) !important; -} -/** - * "Slant" section divider. - */ -.nfd-divider-slant, -.nfd-divider-slant-invert { - --wndb--divider-size: 80px; -} -.nfd-divider-slant::before { - -webkit-clip-path: polygon(0 0, 100% 0, 0 100%) !important; - clip-path: polygon(0 0, 100% 0, 0 100%) !important; - bottom: calc(calc(-1 * var(--wndb--divider-size)) + 1px) !important; -} -.nfd-divider-slant-invert::before { - -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%) !important; - clip-path: polygon(0 0, 100% 0, 100% 100%) !important; - bottom: calc(calc(-1 * var(--wndb--divider-size)) + 1px) !important; -} -/** - * "Triangle" section divider. - */ -.nfd-divider-triangle { - --wndb--divider-size: 80px; -} -.nfd-divider-triangle::before { - -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%) !important; - clip-path: polygon(0 0, 100% 0, 50% 100%) !important; - bottom: calc(calc(-1 * var(--wndb--divider-size)) + 1px) !important; -} -/** - * "Zigzag" section divider. - */ -.nfd-divider-zigzag { - --wndb--divider-size: 8px; -} -.nfd-divider-zigzag::before { - -webkit-mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--wndb--divider-size) * 2) 100% !important; - mask: conic-gradient(from -45deg at bottom, #0000, #000 1deg 89deg, #0000 90deg) 50% / calc(var(--wndb--divider-size) * 2) 100% !important; -} -:where(:root) { - --wndb--divider-size: 0px; -} -/** - * Spacing - * - * These classes are used to add paddings, margins and gaps to blocks. - * They can be scaled up to 4 levels: base, md, lg, xl. - * Additionaly, scaling-factor can be defined. - * - * postcss plugin will add necessary :not([style*="padding"]) to selectors. - */ -/* Deprecated class - required for backward compatiblity */ -.nfd-grid-cols-1-2-1 { - grid-template-columns: 1fr 2fr 1fr !important; -} -:where(:root) { - /** - * Default spacing scale factor - */ - --wndb--padding-factor: 1; - - /* - * Default padding base - */ - --wndb--p: 2.375rem; /* 38px */ - - /** - * xs - */ - --wndb--p--xs: 0.75rem; /* 12px */ - - /** - * sm - */ - --wndb--p--sm: 1.5rem; /* 24px */ - - /** - * md - */ - --wndb--p--md: 2rem; /* 32px */ - - /** - * lg - */ - --wndb--p--lg: clamp(3.5rem, 7vw, 6.25rem); - - /** - * Used for square cards - */ - --wndb--p--square: 2.5rem; /* 40px */ - --wndb--p--square-lg: 4rem; /* 64px */ -} -/* ---------------------------------- Card ---------------------------------- */ -.nfd-p-card-sm:not([style*="padding"]) { - padding: calc(var(--wndb--p--xs) * var(--wndb--padding-factor)) calc(var(--wndb--p--sm) * var(--wndb--padding-factor)) !important; -} -.nfd-p-card-md:not([style*="padding"]) { - padding: calc(var(--wndb--p--sm) * var(--wndb--padding-factor)) calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important; -} -.nfd-p-card-lg:not([style*="padding"]) { - padding: calc(var(--wndb--p--md) * var(--wndb--padding-factor)) calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important; -} -@media screen and (min-width: 782px) { - .nfd-p-card-lg:not([style*="padding"]) { - padding: calc(var(--wndb--p--md) * var(--wndb--padding-factor)) calc(var(--wndb--p--md) * 1.5 * var(--wndb--padding-factor)) !important; - } -} -.nfd-p-card-square:not([style*="padding"]) { - padding: calc(var(--wndb--p--square) * var(--wndb--padding-factor)) !important; -} -.nfd-p-card-square-lg:not([style*="padding"]) { - padding: calc(var(--wndb--p--square) * var(--wndb--padding-factor)) !important; -} -@media screen and (min-width: 782px) { - .nfd-p-card-square-lg:not([style*="padding"]) { - padding: calc(var(--wndb--p--square-lg) * var(--wndb--padding-factor)) !important; - } -} -/* --------------------------------- XSmall --------------------------------- */ -.nfd-p-xs:not([style*="padding"]) { - padding: calc(var(--wndb--p--xs) * var(--wndb--padding-factor)) !important; -} -.nfd-py-xs:not([style*="padding"]) { - padding-block: calc(var(--wndb--p--xs) * var(--wndb--padding-factor)) !important; -} -.nfd-pt-xs:not([style*="padding"]) { - padding-block-start: calc(var(--wndb--p--xs) * var(--wndb--padding-factor)) !important; -} -.nfd-px-xs:not([style*="padding"]) { - padding-inline: calc(var(--wndb--p--xs) * var(--wndb--padding-factor)) !important; -} -/* ---------------------------------- Small --------------------------------- */ -.nfd-p-sm:not([style*="padding"]) { - padding: calc(var(--wndb--p--sm) * var(--wndb--padding-factor)) !important; -} -.nfd-px-sm:not([style*="padding"]) { - padding-inline: calc(var(--wndb--p--sm) * var(--wndb--padding-factor)) !important; -} -.nfd-py-sm:not([style*="padding"]) { - padding-block: calc(var(--wndb--p--sm) * var(--wndb--padding-factor)) !important; -} -.nfd-pt-sm:not([style*="padding"]) { - padding-block-start: calc(var(--wndb--p--sm) * var(--wndb--padding-factor)) !important; -} -.nfd-pb-sm:not([style*="padding"]) { - padding-block-end: calc(var(--wndb--p--sm) * var(--wndb--padding-factor)) !important; -} -.nfd-pl-sm:not([style*="padding"]) { - padding-left: calc(var(--wndb--p--sm) * var(--wndb--padding-factor)) !important; -} -/* --------------------------------- Medium --------------------------------- */ -.nfd-p-md:not([style*="padding"]) { - padding: calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important; -} -.nfd-px-md:not([style*="padding"]) { - padding-inline: calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important; -} -.nfd-py-md:not([style*="padding"]) { - padding-block: calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important; -} -.nfd-pt-md:not([style*="padding"]) { - padding-block: calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important; -} -.nfd-pb-md:not([style*="padding"]) { - padding-block: calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important; -} -/* ---------------------------------- Large --------------------------------- */ -.nfd-p-lg:not([style*="padding"]) { - padding: calc(var(--wndb--p--lg) * var(--wndb--padding-factor)) calc(var(--wndb--p--md) * var(--wndb--padding-factor)) !important; -} -.nfd-py-lg:not([style*="padding"]) { - padding-block: calc(var(--wndb--p--lg) * var(--wndb--padding-factor)) !important; -} -.nfd-pt-lg:not([style*="padding"]) { - padding-block-start: calc(var(--wndb--p--lg) * var(--wndb--padding-factor)) !important; -} -.nfd-pb-lg:not([style*="padding"]) { - padding-block-end: calc(var(--wndb--p--lg) * var(--wndb--padding-factor)) !important; -} -/* --------------------------------- Offset --------------------------------- */ -.nfd-pl-offset-md:not([style*="padding"]) { - padding-left: calc(var(--wndb--p--md) * var(--wndb--padding-factor) - 3px) !important; - margin-left: calc(var(--wndb--p--md) * var(--wndb--padding-factor) * -1) !important; -} -/* Horizontally overlap children. */ -.nfd-overlap-x, -.editor-styles-wrapper .nfd-overlap-x { - gap: 0; -} -.nfd-overlap-x > *:not(:first-child) { - margin-inline-start: -1.275rem !important; -} -@media (min-width: 768px) { - .-nfd-translate-y-1\/2 { - transform: translateY(-50%) !important; - } -} -:where(:root) { - /** - * Default gap scale factor - */ - --wndb--gap--scale-factor: 1; - - /** - * Scale - */ - --wndb--gap--xs: 0.25rem; /* 4px */ - --wndb--gap--sm: 0.5rem; /* 8px */ - --wndb--gap--md: 1rem; /* 16px */ - --wndb--gap--lg: 1.5rem; /* 24px */ - --wndb--gap--xl: 2rem; /* 32px */ - --wndb--gap--2xl: 2.5rem; /* 40px */ - --wndb--gap--3xl: 3.5rem; /* 56px */ - --wndb--gap--4xl: 6rem; /* 96px */ -} -/* No Gap */ -.nfd-gap-0, -.editor-styles-wrapper .nfd-gap-0 { - gap: 0; -} -/* Extra Small */ -.nfd-gap-xs, -.editor-styles-wrapper .nfd-gap-xs { - gap: calc(var(--wndb--gap--xs) * var(--wndb--gap--scale-factor)); -} -/* Small */ -.nfd-gap-sm, -.editor-styles-wrapper .nfd-gap-sm { - gap: calc(var(--wndb--gap--sm) * var(--wndb--gap--scale-factor)); -} -/* Medium */ -.nfd-gap-md, -.editor-styles-wrapper .nfd-gap-md { - gap: calc(var(--wndb--gap--md) * var(--wndb--gap--scale-factor)); -} -/* Large */ -.nfd-gap-lg, -.editor-styles-wrapper .nfd-gap-lg { - gap: calc(var(--wndb--gap--lg) * var(--wndb--gap--scale-factor)); -} -.nfd-gap-x-lg, -.editor-styles-wrapper .nfd-gap-x-lg { - -moz-column-gap: calc(var(--wndb--gap--lg) * var(--wndb--gap--scale-factor)); - column-gap: calc(var(--wndb--gap--lg) * var(--wndb--gap--scale-factor)); -} -.nfd-gap-y-lg, -.editor-styles-wrapper .nfd-gap-y-lg { - row-gap: calc(var(--wndb--gap--lg) * var(--wndb--gap--scale-factor)); -} -/* XLarge */ -.nfd-gap-xl, -.editor-styles-wrapper .nfd-gap-xl { - gap: calc(var(--wndb--gap--xl) * var(--wndb--gap--scale-factor)); -} -.nfd-gap-y-xl, -.editor-styles-wrapper .nfd-gap-y-xl { - row-gap: calc(var(--wndb--gap--xl) * var(--wndb--gap--scale-factor)); -} -/* XXLarge */ -.nfd-gap-2xl, -.editor-styles-wrapper .nfd-gap-2xl { - gap: calc(var(--wndb--gap--2xl) * var(--wndb--gap--scale-factor)); -} -.nfd-gap-y-2xl, -.editor-styles-wrapper .nfd-gap-y-2xl { - row-gap: calc(var(--wndb--gap--2xl) * var(--wndb--gap--scale-factor)); -} -/* XXXLarge */ -.nfd-gap-3xl, -.editor-styles-wrapper .nfd-gap-3xl { - gap: calc(var(--wndb--gap--3xl) * var(--wndb--gap--scale-factor)); -} -.nfd-gap-y-3xl, -.editor-styles-wrapper .nfd-gap-y-3xl { - row-gap: calc(var(--wndb--gap--3xl) * var(--wndb--gap--scale-factor)); -} -.nfd-gap-4xl, -.editor-styles-wrapper .nfd-gap-4xl { - gap: calc(var(--wndb--gap--4xl) * var(--wndb--gap--scale-factor)); -} -.nfd-gap-x-4xl, -.editor-styles-wrapper .nfd-gap-x-4xl { - -moz-column-gap: calc(var(--wndb--gap--4xl) * var(--wndb--gap--scale-factor)); - column-gap: calc(var(--wndb--gap--4xl) * var(--wndb--gap--scale-factor)); -} -/** - * Button sizes. - */ -:where(:root) { - --wndb--button--outline-width: 0px; - - --wndb--button-sm--font-size: 1rem; - - --wndb--button-lg-x: 2rem; - --wndb--button-lg-y: 0.75rem; - --wndb--button-lg--font-size: 1.125rem; - - --wndb--button-xl-x: 3rem; - --wndb--button-xl-y: 1rem; - --wndb--button-xl--font-size: 1.125rem; -} -[class*="nfd-btn"].is-style-outline { - --wndb--button--outline-width: 2px; -} -/* --------------------------------- Default -------------------------------- */ -[class*="nfd-btn"] > .wp-block-button__link:not([style*="padding"]) { - padding: calc(0.625rem - var(--wndb--button--outline-width)) calc(1.125rem - var(--wndb--button--outline-width)) !important; -} -/* ---------------------------------- Small --------------------------------- */ -.nfd-btn-sm > .wp-block-button__link:not([style*="padding"]) { - padding: calc(0.375rem - var(--wndb--button--outline-width)) calc(1rem - var(--wndb--button--outline-width)) !important; -} -.nfd-btn-sm:not(.has-custom-font-size) > .wp-block-button__link:not([style*="font-size"]) { - font-size: var(--wndb--button-sm--font-size) !important; -} -/* ---------------------------------- Large --------------------------------- */ -.nfd-btn-lg > .wp-block-button__link:not([style*="padding"]) { - padding: calc(var(--wndb--button-lg-y) - var(--wndb--button--outline-width)) var(--wndb--button-lg-x) !important; -} -.nfd-btn-lg:not(.has-custom-font-size) > .wp-block-button__link:not([style*="font-size"]) { - font-size: var(--wndb--button-lg--font-size) !important; -} -.nfd-btn-lg:not([style*="font-weight"]) > .wp-block-button__link { - font-weight: 600 !important; -} -/* --------------------------------- XLarge --------------------------------- */ -.nfd-btn-xl > .wp-block-button__link:not([style*="padding"]) { - padding: calc(var(--wndb--button-xl-y) - var(--wndb--button--outline-width)) var(--wndb--button-xl-x) !important; -} -.nfd-btn-xl:not(.has-custom-font-size) > .wp-block-button__link:not([style*="font-size"]) { - font-size: var(--wndb--button-xl--font-size) !important; -} -.nfd-btn-xl:not([style*="font-weight"]) > .wp-block-button__link { - font-weight: 600 !important; -} -/* ---------------------------------- Wide ---------------------------------- */ -/* Wide */ -.nfd-btn-wide > .wp-block-button__link:not([style*="padding"]) { - padding: calc(0.625rem - var(--wndb--button--outline-width)) calc(2rem - var(--wndb--button--outline-width)) !important; -} -/** - * Button variants - */ -/* --------------------------------- Default -------------------------------- */ -[class*="nfd-btn"]:is(.is-style-outline) > .wp-block-button__link:not(.has-text-color) { - color: var(--wndb--color--text--contrast) !important; -} -.nfd-btn:is(.is-style-outline) > .wp-block-button__link:not(.has-text-color):hover { - --wndb--color--text--contrast: var(--wndb-gray-900); - border-color: var(--wndb-white) !important; -} -[class*="nfd-button"] > .wp-block-button__link:not(.has-background):hover { - filter: brightness(0.8) !important; -} -.nfd-theme-primary [class*="nfd-btn"]:not(.is-style-outline):not(.nfd-btn-secondary):not(.nfd-btn-tertiary) > .wp-block-button__link:not(.has-background) { - background-color: var(--wndb-gray-800) !important; -} -.nfd-theme-primary - [class*="nfd-btn"]:not(.is-style-outline):not(.nfd-btn-secondary):not(.nfd-btn-tertiary) - > .wp-block-button__link:not(.has-background):hover { - background-color: var(--wndb-gray-900) !important; -} -.nfd-theme-primary - [class*="nfd-btn"]:is(.is-style-outline):not(.nfd-btn-secondary):not(.nfd-btn-tertiary) - > .wp-block-button__link:not(.has-background):not(.has-text-color):hover { - background-color: var(--wndb-white) !important; - border-color: var(--wndb-white) !important; - color: var(--wndb-gray-900) !important; -} -/* -------------------------------- Secondary ------------------------------- */ -.nfd-btn-secondary:is(.is-style-outline) > .wp-block-button__link:not(.has-text-color):hover { - --wndb--color--text--contrast: var(--wndb-gray-900); - border-color: var(--wndb-white) !important; -} -/* Fill */ -.nfd-btn-secondary:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color) { - color: var(--wndb-white) !important; -} -.nfd-btn-secondary:not(.is-style-outline) > .wp-block-button__link:not(.has-background) { - background-color: var(--wndb-gray-800) !important; -} -.nfd-btn-secondary:not(.is-style-outline) > .wp-block-button__link:not(.has-background):hover { - background-color: var(--wndb-gray-900) !important; -} -.nfd-theme-dark .nfd-btn-secondary:not(.is-style-outline) > .wp-block-button__link:not(.has-background), -.nfd-theme-darker .nfd-btn-secondary:not(.is-style-outline) > .wp-block-button__link:not(.has-background) { - background-color: var(--wndb-white) !important; -} -.nfd-theme-dark .nfd-btn-secondary:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color), -.nfd-theme-darker .nfd-btn-secondary:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color) { - color: var(--wndb-gray-900) !important; -} -.nfd-theme-dark .nfd-btn-secondary:not(.is-style-outline) > .wp-block-button__link:not(.has-background):hover, -.nfd-theme-darker .nfd-btn-secondary:not(.is-style-outline) > .wp-block-button__link:not(.has-background):hover { - background-color: var(--wndb-white) !important; - color: var(--wndb-gray-900) !important; - filter: brightness(0.8) !important; -} -/* -------------------------------- Tertiary -------------------------------- */ -/* Outline */ -.nfd-btn-tertiary:is(.is-style-outline) > .wp-block-button__link:not(.has-text-color):hover { - --wndb--color--text--contrast: var(--wndb-gray-900); -} -.nfd-btn-tertiary:is(.is-style-outline) > .wp-block-button__link:not([class*="-border-color"]) { - border-color: var(--wndb--color--subtle) !important; -} -/* Fill */ -.nfd-btn-tertiary:not(.is-style-outline) > .wp-block-button__link:not(.has-text-color) { - color: var(--wndb--color--text--contrast) !important; -} -.nfd-btn-tertiary:not(.is-style-outline) > .wp-block-button__link:not(.has-background) { - background-color: var(--wndb--color--borders) !important; -} -.nfd-btn-tertiary:not(.is-style-outline) > .wp-block-button__link:not(.has-background):hover { - --wndb--color--borders: var(--wndb--color--subtle); -} -/** - * Shadow utilities. - */ -:where(:root) { - --wndb--shadow--xs: 0 1px 2px 0 rgba(18, 18, 23, 0.065); - --wndb--shadow--sm: 0 1px 3px 0 rgba(18, 18, 23, 0.1), 0 1px 2px 0 rgba(18, 18, 23, 0.06); -} -.nfd-shadow-xs:not([style*="box-shadow"]) { - box-shadow: var(--wndb--shadow--xs) !important; -} -.nfd-shadow-sm:not([style*="box-shadow"]) { - box-shadow: var(--wndb--shadow--sm) !important; -} -/** - * Border radius scale. - */ -:where(:root) { - /** - * Default border radius scale factor - */ - --wndb--rounded--scale-factor: 1; - - /** - * Border radius scale - */ - --wndb--border--radius--sm: 0.25rem; - --wndb--border--radius--md: 0.5rem; - --wndb--border--radius--lg: 0.75rem; - --wndb--border--radius--xl: 1rem; -} -[class*="nfd-rounded"]:not([style*="-radius"]), -[class*="nfd-rounded"]:not([style*="-radius"]) > img, -[class*="nfd-rounded"]:not([style*="-radius"]) > .wp-element-button:not([style*="-radius"]), -[class*="nfd-rounded"]:not([style*="-radius"]) > a > img, -[class*="nfd-rounded"]:not([style*="-radius"]) > .components-resizable-box__container > img:not([style*="-radius"]) { - border-radius: calc(var(--wndb--border--radius) * var(--wndb--rounded--scale-factor)) !important; -} -/* Rounded top */ -[class*="nfd-rounded-t-"]:not([style*="-radius"]), -[class*="nfd-rounded-t-"]:not([style*="-radius"]) > img, -[class*="nfd-rounded-t-"]:not([style*="-radius"]) > .wp-element-button:not([style*="-radius"]), -[class*="nfd-rounded-t-"]:not([style*="-radius"]) > a > img, -[class*="nfd-rounded-t-"]:not([style*="-radius"]) > .components-resizable-box__container > img:not([style*="-radius"]) { - border-radius: calc(var(--wndb--border--radius) * var(--wndb--rounded--scale-factor)) calc(var(--wndb--border--radius) * var(--wndb--rounded--scale-factor)) 0 - 0 !important; -} -/* ---------------------------------- Scale --------------------------------- */ -.nfd-rounded-none:not([style*="-radius"]) { - --wndb--border--radius: 0; -} -.nfd-rounded-sm:not([style*="-radius"]) { - --wndb--border--radius: var(--wndb--border--radius--sm); -} -.nfd-rounded, -.nfd-rounded-md:not([style*="-radius"]) { - --wndb--border--radius: var(--wndb--border--radius--md); -} -.nfd-rounded-lg, -.nfd-rounded-t-lg:not([style*="-radius"]) { - --wndb--border--radius: var(--wndb--border--radius--lg); -} -.nfd-rounded-xl, -.nfd-rounded-t-xl:not([style*="-radius"]) { - --wndb--border--radius: var(--wndb--border--radius--xl); -} -.nfd-rounded-full:not([style*="-radius"]) { - --wndb--border--radius: 9999px; -} -/** - * Colors - * - * These utility classes are meant to provide a consistent - * color palette and themable colors that can be overwritten with themes. - * - * The default color theme is `light`. - */ -:where(:root) { - /* ------------------------------ Color palette ----------------------------- */ - --wndb-gray: #6c6c89; - --wndb-gray-50: #f7f7f8; - --wndb-gray-100: #ebebef; - --wndb-gray-200: #d1d1db; - --wndb-gray-300: #a9a9bc; - --wndb-gray-400: #8a8aa3; - --wndb-gray-500: #6c6c89; - --wndb-gray-600: #55556d; - --wndb-gray-700: #3f3f50; - --wndb-gray-800: #1d1d22; - --wndb-gray-900: #121217; - - --wndb-white: #fff; - --wndb-white-50: rgba(255, 255, 255, 0.05); - --wndb-white-100: rgba(255, 255, 255, 0.1); - --wndb-white-200: rgba(255, 255, 255, 0.2); - --wndb-white-300: rgba(255, 255, 255, 0.3); - --wndb-white-400: rgba(255, 255, 255, 0.4); - --wndb-white-500: rgba(255, 255, 255, 0.5); - --wndb-white-600: rgba(255, 255, 255, 0.6); - --wndb-white-700: rgba(255, 255, 255, 0.7); - --wndb-white-800: rgba(255, 255, 255, 0.8); - --wndb-white-900: rgba(255, 255, 255, 0.9); - - --wndb--color--primary: hsla(240, 100%, 50%, 1); - --wndb--color--secondary: hsla(240, 100%, 50%, 1); - - /* ----------------------------- Themable ---------------------------- */ - --wndb--color--surface: var(--wndb-gray-50); - --wndb--color--text: var(--wndb-gray-800); - --wndb--color--text--contrast: var(--wndb-gray-900); - --wndb--color--text--faded: var(--wndb-gray-600); - --wndb--color--borders: var(--wndb-gray-100); - --wndb--color--subtle: var(--wndb-gray-200); - --wndb--color--links: var(--wndb--color--primary); -} -/* - * Themes - * - * These classes are meant to be added to the element that needs a different theme. - * - By default, the `light` theme is applied. - * - Nested themes are supported. - */ -.nfd-theme-white { - --wndb--color--borders: var(--wndb-gray-100); - --wndb--color--links: var(--wndb--color--primary); - --wndb--color--subtle: var(--wndb-gray-200); - --wndb--color--surface: var(--wndb-white); - --wndb--color--text--contrast: var(--wndb-gray-900); - --wndb--color--text--faded: var(--wndb-gray-600); - --wndb--color--text: var(--wndb-gray-800); -} -.nfd-theme-light { - --wndb--color--borders: var(--wndb-gray-100); - --wndb--color--links: var(--wndb--color--primary); - --wndb--color--subtle: var(--wndb-gray-200); - --wndb--color--surface: var(--wndb-gray-50); - --wndb--color--text--contrast: var(--wndb-gray-900); - --wndb--color--text--faded: var(--wndb-gray-600); - --wndb--color--text: var(--wndb-gray-800); -} -.nfd-theme-dark { - --wndb--color--borders: var(--wndb-white-100); - --wndb--color--subtle: var(--wndb-white-200); - --wndb--color--surface: var(--wndb-gray-800); - --wndb--color--text--contrast: var(--wndb-white); - --wndb--color--text--faded: var(--wndb-white-700); - --wndb--color--text: var(--wndb-white); - --wndb--shadow--sm: none; - --wndb--shadow--xs: none; - --wndb-mask-color: rgba(255, 255, 255, 0.12); -} -.nfd-theme-darker { - --wndb--color--borders: var(--wndb-white-100); - --wndb--color--subtle: var(--wndb-white-200); - --wndb--color--surface: var(--wndb-gray-900); - --wndb--color--text--contrast: var(--wndb-white); - --wndb--color--text--faded: var(--wndb-white-700); - --wndb--color--text: var(--wndb-white); - --wndb--shadow--sm: none; - --wndb--shadow--xs: none; - --wndb-mask-color: rgba(255, 255, 255, 0.12); -} -.nfd-theme-primary { - --wndb--color--borders: var(--wndb-white-100); - --wndb--color--subtle: var(--wndb-white-200); - --wndb--color--surface: var(--wndb--color--primary); - --wndb--color--text--contrast: var(--wndb-white); - --wndb--color--text--faded: var(--wndb-white-800); - --wndb--color--text: var(--wndb-white); - --wndb--shadow--sm: none; - --wndb--shadow--xs: none; - --wndb-mask-color: rgba(255, 255, 255, 0.12); -} -/* --------------------------------- Surface -------------------------------- */ -/* Background */ -.nfd-bg-surface:not(.has-background) { - background-color: var(--wndb--color--surface) !important; -} -/* Text color */ -.nfd-bg-surface:not(.has-text-color) { - color: var(--wndb--color--text) !important; -} -/* Faded text color */ -.nfd-text-faded p:not(.has-text-color):not(.has-link-color):not(.has-background):not(.nfd-text-primary), -.nfd-text-faded > a:not(.has-text-color):not(.has-link-color):not(.has-background), -p.nfd-text-faded:not(.has-text-color):not(.has-link-color):not(.has-background), -.nfd-text-faded time:not(.has-text-color):not(.has-background) { - color: var(--wndb--color--text--faded) !important; -} -/* Contrast text color */ -.wp-site-blocks .nfd-text-contrast:where(:not(.has-text-color)), -.wp-site-blocks .nfd-text-contrast:where(:not(.has-text-color)) a:where(:not(:hover)), -.editor-styles-wrapper div .nfd-text-contrast:where(:not(.has-text-color)), -.editor-styles-wrapper div :where(.nfd-text-contrast:not(.has-text-color):not(.wp-element-button)) a:where(:not(:hover)) { - color: var(--wndb--color--text--contrast); -} -/* Border color */ -/* prettier-ignore */ -.nfd-bg-surface:not([class*="border-color"]):not([style*="border-top-color"]):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not([style*="border-left-color"]):not(.has-border-color), -.nfd-bg-surface [style*='border']:not([class*="border-color"]):not([style*="border-top-color"]):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not([style*="border-left-color"]), -.nfd-bg-surface [style*='border']:not([class*="border-color"]):not([style*="border-top-color"]):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not([style*="border-left-color"]) > img:not(.has-border-color):not([class*="border-color"]):not([style*="border-top-color"]):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not([style*="border-left-color"]), -.nfd-bg-surface [style*='border']:not([class*="border-color"]):not([style*="border-top-color"]):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not([style*="border-left-color"]) > img:not(.has-border-color):not([class*="border-color"]):not([style*="border-top-color"]):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not([style*="border-left-color"]) > .components-resizable-box__container > img:not([class*="border-color"]):not([style*="border-top-color"]):not([style*="border-right-color"]):not([style*="border-bottom-color"]):not([style*="border-left-color"]){ - border-color: var(--wndb--color--borders) !important; -} -/* Separator block */ -.nfd-bg-surface .wp-block-separator:not(.has-background):not(.has-text-color) { - border-bottom-color: var(--wndb--color--subtle) !important; - border-bottom-width: 1px !important; -} -/* Border background */ -.nfd-border-bg { - --wndb--color--borders: var(--wndb--color--surface); -} -/* Border primary */ -.nfd-border-primary { - --wndb--color--borders: var(--wndb--color--primary); -} -/* Border inherit */ -.nfd-border-inherit { - --wndb--color--borders: inherit; -} -/* ---------------------------------- Other --------------------------------- */ -.nfd-bg-primary:not(.has-background), -.nfd-bg-accent:not(.has-background), -.wp-block-cover.nfd-bg-primary > .wp-block-cover__background:not([class*="background-color"]), -.wp-block-cover.nfd-bg-accent > .wp-block-cover__background:not([class*="background-color"]) { - background-color: var(--wndb--color--primary) !important; -} -.nfd-bg-primary:not(.has-text-color), -.nfd-bg-accent:not(.has-text-color) { - color: var(--wndb--color--white) !important; -} -.nfd-bg-subtle:not(.has-background):not(.wp-block-button), -.nfd-bg-subtle:not(.has-background) > .wp-block-button__link:not(.has-background) { - background-color: var(--wndb--color--borders) !important; - color: var(--wndb--color--text--contrast) !important; -} -.nfd-text-primary:not(.has-text-color), -.wp-block-button.wndb-text-primary > a:not(.has-text-color) { - color: var(--wndb--color--primary) !important; -} -.nfd-text-secondary:not(.has-text-color), -.wp-block-button.wndb-text-secondary > a:not(.has-text-color) { - color: var(--wndb--color--secondary) !important; -} -.nfd-theme-primary .nfd-text-primary:not(.has-text-color), -.nfd-theme-primary .wp-block-button.wndb-text-primary > a:not(.has-text-color), -.nfd-theme-primary .nfd-text-secondary:not(.has-text-color), -.nfd-theme-secondary .wp-block-button.wndb-text-secondary > a:not(.has-text-color) { - color: var(--wndb--color--contrast) !important; -} -.nfd-theme-dark .nfd-text-primary:not(.has-text-color), -.nfd-theme-darker .nfd-text-primary:not(.has-text-color) { - color: var(--wndb--color--secondary) !important; -} -.nfd-text-subtle:not(.has-text-color) { - color: var(--wndb--color--subtle) !important; -} -.wp-site-blocks .nfd-text-current:where(:not(.has-text-color)), -.wp-site-blocks .nfd-text-current:where(:not(.has-text-color)) a:where(:not(:hover)), -.editor-styles-wrapper div .nfd-text-current:where(:not(.has-text-color)), -.editor-styles-wrapper div :where(.nfd-text-current:not(.has-text-color):not(.wp-element-button)) a:where(:not(:hover)) { - color: currentColor; -} -[class*="nfd-theme-"] .wp-block-social-links.is-style-logos-only:not(.has-icon-color) .wp-block-social-link { - color: var(--wndb--color--text--faded) !important; - fill: var(--wndb--color--text--faded) !important; -} -[class*="nfd-theme-"] .wp-block-social-links.is-style-logos-only:not(.has-icon-color) .wp-block-social-link:hover { - color: var(--wndb--color--text) !important; - fill: var(--wndb--color--text) !important; -} -/* ------------------------- Backward compatibility ------------------------- */ -.nfd-bg-gray-100:not(.has-background), -.nfd-bg-gray-800:not(.has-background) { - background-color: var(--wndb--color--surface) !important; -} -.nfd-bg-gray-100:not(.has-text-color), -.nfd-bg-gray-800:not(.has-text-color) { - color: var(--wndb--color--text) !important; -} -.nfd-bg-gray-800 { - --wndb--color--surface: var(--wndb-gray-800); - --wndb--color--text: var(--wndb-white); - --wndb--color--borders: var(--wndb-white-100); - --wndb--color--text--faded: var(--wndb-white-700); -} -.nfd-bg-gray-100 { - --wndb--color--surface: var(--wndb-gray-50); - --wndb--color--text: var(--wndb-gray-700); - --wndb--color--borders: var(--wndb-gray-100); -} -.nfd-text-opacity-80 p:not(.has-text-color):not(.has-link-color):not(.has-background), -p.nfd-text-opacity-80:not(.has-text-color):not(.has-link-color):not(.has-background), -.nfd-text-opacity-80 time:not(.has-text-color):not(.has-background) { - opacity: 0.8 !important; -} -/** - * CSS based slider styles - */ -:where(:root) { - --wndb--slider-height: 100lvh; -} -/* Slider Base Styles */ -.nfd-scroll-slider-vertical, -.nfd-scroll-slider-horizontal { - flex-wrap: nowrap !important; - height: var(--wndb--slider-height) !important; - overflow-y: auto !important; - scroll-snap-type: y mandatory !important; - -ms-overflow-style: none !important; /* IE and Edge */ - scrollbar-width: none !important; /* Firefox */ -} -.nfd-scroll-slider-vertical::-webkit-scrollbar, -.nfd-scroll-slider-horizontal::-webkit-scrollbar { - display: none !important; -} -/* Vertical Slider */ -.nfd-scroll-slider-vertical { - height: 100vh !important; - overflow-y: auto !important; - scroll-snap-type: y mandatory !important; -} -.nfd-scroll-slider-vertical > * { - width: 100% !important; - scroll-snap-align: start !important; -} -/* Horizontal Slider */ -.nfd-scroll-slider-horizontal { - overflow-x: auto !important; - scroll-snap-type: x mandatory !important; - flex-direction: row !important; -} -.nfd-scroll-slider-horizontal > * { - flex-shrink: 0 !important; - scroll-snap-align: start !important; -} -.nfd-scroll-slider-horizontal > .wp-block-cover { - width: 100vw !important; -} -.nfd-container.alignfull .nfd-scroll-slider-horizontal { - --half-container: calc(50vw - var(--wndb--container) / 2); - scroll-padding: var(--half-container) !important; - padding-left: var(--half-container) !important; - padding-right: var(--half-container) !important; -} -/* Animation */ -.nfd-scroll-slider-horizontal.nfd-scroll-slider-animate > .wp-block-cover:nth-child(1) { - animation: scroll-slider-slide 1s ease 1s forwards; /* 1-second delay */ -} -@keyframes scroll-slider-slide { - from { - margin-left: 0; - } - to { - margin-left: -100vw; - } -} -/** - * This file contains various fixes for the block editor when used with Wonder Blocks. - */ -.block-editor-block-preview__content-iframe .is-root-container { - min-height: 8rem !important; /* 128px */ -} -/* .block-editor-block-preview__content-iframe .is-root-container:has(div[class*="nfd-"]) { - padding: 0; -} */ -.block-editor-block-preview__content-iframe figure:has([style*="aspect-ratio: 16 / 9"]) { - width: 100% !important; -} -.block-editor-block-preview__content-iframe [style*="min-height: 100vh"], -.block-editor-block-preview__content-iframe [style*="min-height:100vh"] { - min-height: 800px !important; -} -.block-editor-block-preview__content-iframe [style*="min-height: 70vh"], -.block-editor-block-preview__content-iframe [style*="min-height:70vh"] { - min-height: 560px !important; -} -.block-editor-block-preview__content-iframe [style*="min-height: 50vh"], -.block-editor-block-preview__content-iframe [style*="min-height:50vh"] { - min-height: 400px !important; -} -.block-editor-block-preview__content-iframe [style*="min-height: 35vh"], -.block-editor-block-preview__content-iframe [style*="min-height:35vh"] { - min-height: 280px !important; -} -.block-editor-block-preview__content-iframe [style*="min-height: 30vh"], -.block-editor-block-preview__content-iframe [style*="min-height:30vh"] { - min-height: 240px !important; -} -.block-editor-block-preview__content-iframe [style*="min-height: 10vh"], -.block-editor-block-preview__content-iframe [style*="min-height:10vh"] { - min-height: 80px !important; -} -.block-editor-block-preview__content-iframe .nfd-stretch-cover-child { - min-height: 800px !important; -} -.nfd-wba-modal * { - box-sizing: border-box !important; -} -/* Disable animations in the BlockPreview component */ -.block-editor-block-preview__content-iframe .nfd-wb-animate { - transition: none !important; - transform: none !important; - opacity: 1 !important; -} -ul.nfd-gap-md:not(.is-layout-flex) li:not(:last-child) { - margin-bottom: 1em !important; -} -ul.nfd-list-check { - list-style-type: none !important; - padding-inline-start: 1em !important; -} -ul.nfd-list-check li::before { - content: "✓"; - display: inline-block; - margin-inline-end: 8px; -} -/** - * Blog related utilities and styles. - */ -[class*="nfd-query-loop-"] :where(.wp-block-post-author__avatar img) { - display: block; - border-radius: 999px; -} -[class*="nfd-query-loop-"] :where(.avatar-48) { - width: 36px !important; - height: 36px !important; -} -[class*="nfd-query-loop-"] :where(.wp-block-post-author__content) { - display: flex; - flex-direction: column; - justify-content: center; - gap: 4px; -} -[class*="nfd-query-loop-"] .wp-block-post-author__avatar { - margin-right: 12px !important; -} -.nfd-query-loop-1 :where(.wp-block-cover) { - aspect-ratio: 2 / 1.1; -} -.nfd-query-loop-1 :where(.wp-block-post-author__content) { - flex-direction: row !important; - align-items: center !important; -} -.nfd-query-loop-1 :where(.wp-block-post-author__byline) { - font-size: 1em !important; - opacity: 0.8 !important; -} -[class*="nfd-query-loop-"] :where(.wp-block-categories) { - display: flex; - gap: 8px; - list-style: none; - padding: 0; -} -[class*="nfd-query-loop-"] :where(.wp-block-categories a) { - color: inherit !important; -} -.nfd-query-loop-2 .wp-block-cover__background { - -webkit-mask-image: linear-gradient(to bottom, transparent 25%, black 75%) !important; - mask-image: linear-gradient(to bottom, transparent 25%, black 75%) !important; -} -.nfd-query-loop-3 :where(.wp-block-post-author__name) { - display: none !important; -} -/* Form styles */ -.nfd-form-items-grow > div:not(.wp-block-jetpack-button) { - flex-grow: 1 !important; -} -.nfd-jp-form.nfd-text-center .consent { - text-align: center !important; -} -.nfd-jp-form .contact-form-submission .go-back-message .link { - color: currentColor !important; - text-decoration: underline !important; -} -.nfd-jp-form .contact-form-submission .go-back-message { - margin-top: 0 !important; -} -.nfd-jp-form .contact-form-submission { - border-color: currentColor !important; - padding: calc(0.5 * var(--wndb--p--md)) 0 !important; -} -.nfd-jp-form textarea { - resize: vertical !important; -} -.nfd-jp-form .wp-block-button__link { - padding-block-start: 10px !important; - padding-block-end: 10px !important; -} -.nfd-jp-form .jetpack-field-checkbox .jetpack-field-label .jetpack-field-label__input, -.nfd-jp-form .jetpack-field-consent .jetpack-field-label .jetpack-field-label__input, -.nfd-jp-form .consent { - text-transform: none !important; - line-height: 1.5em !important; - font-size: 0.875rem !important; - text-wrap: balance !important; -} -.nfd-jp-form input[type="checkbox"] { - padding: 0 !important; -} -/** - * Miscellaneous utilities. - */ -/* Fix text-decoration for links */ -p[style*="text-decoration"] > a { - text-decoration: inherit !important; - color: inherit !important; -} -/* Fix dots separator align */ -.is-style-dots.nfd-text-left::before { - padding-left: 0 !important; -} -/* Fix full width and height */ -.nfd-h-full, -.nfd-h-full > img, -.nfd-h-full > .components-resizable-box__container > img { - height: 100% !important; -} -.nfd-w-full, -.nfd-w-full > img, -.nfd-w-full > .components-resizable-box__container > img { - width: 100% !important; -} -/* Backdrop blur */ -.nfd-backdrop-blur-sm { - -webkit-backdrop-filter: blur(4px) !important; - backdrop-filter: blur(4px) !important; -} -.nfd-backdrop-blur-md { - -webkit-backdrop-filter: blur(8px) !important; - backdrop-filter: blur(8px) !important; -} -/* Absolute header */ -.nfd-absolute-header { - position: absolute !important; - left: 0 !important; - right: 0 !important; - z-index: 10 !important; -} -.editor-styles-wrapper .nfd-absolute-header { - position: static !important; -} -.nfd-absolute-header:not([style*="margin"]) { - margin: 0 !important; -} -/* Fix admin bar offset */ -:is([style*="min-height:100vh"]) { - min-height: calc(100vh - var(--wp-admin--admin-bar--height)) !important; -} -@supports (height: 100dvh) { - :is([style*="height:100vh"]) { - min-height: calc(100dvh - var(--wp-admin--admin-bar--height, 0px)) !important; - } -} -/* Fix search block */ -.nfd-wk-search .wp-block-search__input { - padding: 8px 16px !important; - min-height: 50px !important; - font-size: inherit !important; -} -:where(.wp-block-search__input) { - border-radius: var(--wndb--border--radius--sm) !important; -} -/* Stretch cover child group */ -.nfd-stretch-cover-child, -.nfd-stretch-cover-child .wp-block-cover__inner-container { - display: flex !important; - flex-direction: column !important; -} -.nfd-stretch-cover-child .wp-block-cover__inner-container, -.nfd-stretch-cover-child .wp-block-cover__inner-container > .wp-block-group { - align-items: inherit !important; - justify-content: inherit !important; - flex-grow: 1 !important; -} -.nfd-stretch-cover-child .wp-block-cover__inner-container > .wp-block-group { - width: 100% !important; -} -.nfd-container summary { - position: relative !important; - padding-right: 32px !important; - line-height: 1.5 !important; -} -.nfd-container summary::marker { - content: none !important; -} -.nfd-container summary::before { - content: "" !important; - display: flex !important; - align-items: center !important; - justify-content: center !important; - position: absolute !important; - right: 0 !important; - top: 50% !important; - transform: translateY(-50%) !important; - width: 1em !important; - height: 1em !important; - border-radius: 999px !important; - opacity: 0.6 !important; - background-color: var(--wndb--color--borders) !important; - background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJsdWNpZGUgbHVjaWRlLXBsdXMiPjxwYXRoIGQ9Ik01IDEyaDE0Ii8+PHBhdGggZD0iTTEyIDV2MTQiLz48L3N2Zz4=") !important; - background-size: 13px !important; - background-repeat: no-repeat !important; - background-position: center center !important; -} -.nfd-container [open] summary::before { - transform: translateY(-50%) rotate(45deg) !important; - opacity: 1 !important; -} -.nfd-container summary:hover::before { - opacity: 1 !important; -} -.is-style-wide.wp-block-separator { - width: 100% !important; -} -@media (max-width: 782px) { - .md\:nfd-order-2 { - order: 2 !important; - } - .md\:nfd-my-0:not([style*="margin"]) { - margin-top: 0px !important; - margin-bottom: 0px !important; - } - .md\:nfd-flex { - display: flex !important; - } - .md\:nfd-hidden { - display: none !important; - } - .md\:nfd-basis-full { - flex-basis: 100% !important; - } - .md\:nfd-grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)) !important; - } - .md\:nfd-flex-wrap { - flex-wrap: wrap !important; - } - .md\:nfd-items-start { - align-items: flex-start !important; - } - .md\:nfd-justify-start { - justify-content: flex-start !important; - } - .md\:nfd-justify-end { - justify-content: flex-end !important; - } - .md\:nfd-justify-center { - justify-content: center !important; - } - .md\:nfd-gap-5 { - gap: 1.25rem !important; - } - .md\:nfd-gap-8 { - gap: 2rem !important; - } - .md\:nfd-self-start { - align-self: flex-start !important; - } - .md\:nfd-rounded-lg:not([style*="-radius"]) { - border-radius: 0.5rem !important; - } - .md\:nfd-border-none { - border-style: none !important; - } - .md\:nfd-p-0:not([style*="padding"]) { - padding: 0px !important; - } - .md\:nfd-px-0:not([style*="padding"]) { - padding-left: 0px !important; - padding-right: 0px !important; - } - .md\:nfd-py-0:not([style*="padding"]) { - padding-top: 0px !important; - padding-bottom: 0px !important; - } - .md\:nfd-text-left { - text-align: left !important; - } - .md\:nfd-text-center { - text-align: center !important; - } -} +.nfd-relative{position:relative!important}.-nfd-bottom-1{bottom:-.25rem!important}.-nfd-top-0{top:0!important}.-nfd-top-0\.5{top:-.125rem!important}.-nfd-top-1{top:-.25rem!important}.nfd-top-10{top:2.5rem!important}.nfd-col-start-1{grid-column-start:1!important}.nfd-col-start-4{grid-column-start:4!important}.nfd-col-start-5{grid-column-start:5!important}.nfd-col-start-6{grid-column-start:6!important}.nfd-col-start-7{grid-column-start:7!important}.nfd-col-end-10{grid-column-end:10!important}.nfd-col-end-13{grid-column-end:13!important}.nfd-col-end-7{grid-column-end:7!important}.nfd-col-end-8{grid-column-end:8!important}.nfd-col-end-9{grid-column-end:9!important}.nfd-row-start-1{grid-row-start:1!important}.nfd-my-0:not([style*=margin]){margin-bottom:0!important;margin-top:0!important}.nfd-mb-8:not([style*=margin]){margin-bottom:2rem!important}.nfd-mt-8:not([style*=margin]){margin-top:2rem!important}.nfd-mt-\[-100px\]:not([style*=margin]){margin-top:-100px!important}.nfd-grid{display:grid!important}.nfd-h-full{height:100%!important}.nfd-w-full{width:100%!important}.nfd-shrink-0{flex-shrink:0!important}.nfd-grow{flex-grow:1!important}.nfd-grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))!important}.nfd-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.nfd-grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))!important}.nfd-items-center{align-items:center!important}.nfd-gap-y-10{row-gap:2.5rem!important}.nfd-overflow-hidden{overflow:hidden!important}.nfd-p-0:not([style*=padding]){padding:0!important}.nfd-p-10:not([style*=padding]){padding:2.5rem!important}.nfd-p-2:not([style*=padding]){padding:.5rem!important}.nfd-p-4:not([style*=padding]){padding:1rem!important}.nfd-p-8:not([style*=padding]){padding:2rem!important}.nfd-px-0:not([style*=padding]){padding-left:0!important;padding-right:0!important}.nfd-px-4:not([style*=padding]){padding-left:1rem!important;padding-right:1rem!important}.nfd-px-8:not([style*=padding]){padding-left:2rem!important;padding-right:2rem!important}.nfd-py-0:not([style*=padding]){padding-bottom:0!important;padding-top:0!important}.nfd-py-4:not([style*=padding]){padding-bottom:1rem!important;padding-top:1rem!important}.nfd-py-5:not([style*=padding]){padding-bottom:1.25rem!important;padding-top:1.25rem!important}.nfd-pt-0:not([style*=padding]){padding-top:0!important}.nfd-text-left{text-align:left!important}.nfd-wc-products{self-align:flex-start!important;flex-grow:0!important}.nfd-wc-products>ul{row-gap:calc(var(--wndb--gap--2xl)*var(--wndb--gap--scale-factor))!important}.nfd-wc-products .wc-block-grid__product-image{overflow:hidden!important}.nfd-wc-products .wc-block-grid__product-image img{transition:transform .6s ease-in-out!important}.nfd-wc-products .wc-block-grid__product-image img:hover{transform:scale(1.1)!important}.nfd-wc-products .wc-block-components-product-sale-badge{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:hsla(0,0%,100%,.5)!important;border:1px solid hsla(0,0%,100%,.2)!important;border-radius:999px!important;font-size:.8125rem!important;font-weight:700!important;margin:6px!important;padding:4px 12px!important}.nfd-wc-products .wc-block-components-product-sale-badge>span{background:transparent!important}.nfd-wc-products .wc-block-components-product-price{color:inherit!important}.nfd-wc-search .wp-block-search__inside-wrapper{background-color:var(--wndb--color--borders)!important;border:2px solid var(--wndb--color--subtle)!important;border-radius:999px!important;max-width:100%!important;padding:0!important;width:25rem!important}.nfd-wc-search .wp-block-search__inside-wrapper input[type=search]{background:none!important;border:none!important;border-bottom-left-radius:999px!important;border-top-left-radius:999px!important;color:var(--wndb--color--text--contrast)!important;font-size:1.25rem!important;font-weight:500!important;min-height:3.75rem!important;padding-inline:24px!important}.nfd-wc-search .wp-block-search__inside-wrapper:has(button:focus),.nfd-wc-search .wp-block-search__inside-wrapper:has(input[type=search]:focus){outline:2px solid var(--wndb--color--text--contrast)!important;outline-offset:2px!important}.nfd-wc-search .wp-block-search__button{aspect-ratio:1/1!important;background:var(--wndb-gray-800)!important;border-radius:999px!important;height:100%!important;margin-left:0!important;margin-right:2px!important;margin-top:2px!important}.nfd-wc-search .wp-block-search__button:focus,.nfd-wc-search .wp-block-search__button:hover{background:var(--wndb-gray-900)!important;filter:none!important;outline:2px solid var(--wndb-gray-900)!important;outline-offset:2px!important}.nfd-wc-search .wp-block-search__inside-wrapper input[type=search]::-moz-placeholder{color:var(--wndb--color--text--faded)!important}.nfd-wc-search .wp-block-search__inside-wrapper input[type=search]::placeholder{color:var(--wndb--color--text--faded)!important}:root{--wndb-mask-color:rgba(0,0,0,.15);--wndb-mask-position:50% 50% at 50% 20%;--wndb-mask-opacity:0.35}[class*=nfd-bg-effect]{isolation:isolate!important;position:relative!important}.nfd-bg-effect-position-center{--wndb-mask-position:50% 50% at 50% 50%}[class*=nfd-bg-effect]:after{content:""!important;inset:0!important;-webkit-mask-image:radial-gradient(ellipse var(--wndb-mask-position),#000 70%,rgba(0,0,0,.3) 100%)!important;mask-image:radial-gradient(ellipse var(--wndb-mask-position),#000 70%,rgba(0,0,0,.3) 100%)!important;opacity:var(--wndb-mask-opacity)!important;pointer-events:none!important;position:absolute!important;z-index:-1!important}.nfd-bg-effect-dots:after{--wndb-mask-opacity:1;background:radial-gradient(var(--wndb-mask-color) 1px,transparent 1px)!important;background-size:20px 20px!important}.nfd-bg-effect-grid:after{background-size:50px 50px!important}.nfd-bg-effect-grid-2:after,.nfd-bg-effect-grid:after{background-image:linear-gradient(to right,var(--wndb-mask-color) 1px,transparent 1px),linear-gradient(to bottom,var(--wndb-mask-color) 1px,transparent 1px)!important}.nfd-bg-effect-grid-2:after{background-size:14px 32px!important}.nfd-bg-effect-grid-3{overflow:hidden!important}.nfd-bg-effect-grid-3:after{background-image:linear-gradient(to right,var(--wndb-mask-color) 1px,transparent 1px),linear-gradient(to bottom,var(--wndb-mask-color) 1px,transparent 1px)!important;background-size:32px 80px!important;right:-40%!important;top:-20%!important;transform:scale(1.5) skew(-30deg,30deg)!important}.nfd-bg-effect-lines:after{--wndb-mask-opacity:0.4;background-image:linear-gradient(to right,var(--wndb-mask-color) 1px,transparent 1px)!important;background-size:48px!important}.nfd-bg-effect-lines-2{overflow:hidden!important}.nfd-bg-effect-lines-2:after{background-image:linear-gradient(to right,var(--wndb-mask-color) 1px,transparent 1px)!important;background-size:32px 96px!important;right:-40%!important;top:-20%!important;transform:scale(1.5) skew(-45deg,45deg)!important}:where(:root){--wndb--max-w--prose:min(65ch,700px)}.nfd-max-w-prose:not(.nfd-max-w-full),:where(.nfd-text-balance:not(.nfd-max-w-full)){max-width:var(--wndb--max-w--prose)!important}.nfd-max-w-prose:not(.nfd-max-w-full).has-text-align-center,:where(.nfd-text-balance:not(.nfd-max-w-full)).has-text-align-center{margin-inline:auto!important}.nfd-max-w-prose:not(.nfd-max-w-full).has-text-align-right,:where(.nfd-text-balance:not(.nfd-max-w-full)).has-text-align-right{margin-inline-start:auto!important}:where(.nfd-text-balance){text-wrap:balance!important}.nfd-text-balance>h1,.nfd-text-balance>h2,.nfd-text-balance>h3,.nfd-text-balance>h4,.nfd-text-balance>p{text-wrap:balance!important}.nfd-text-pretty,.nfd-text-pretty>h1,.nfd-text-pretty>h2,.nfd-text-pretty>h3,.nfd-text-pretty>h4,.nfd-text-pretty>p{text-wrap:pretty!important}.wp-block-image figcaption{font-weight:400!important;margin-inline:auto!important;max-width:64ch!important;padding-block-start:.5em!important;text-wrap:balance!important}.wp-block-quote>.nfd-text-pretty{font-weight:550;margin-block:.25em}:where(:root){--wndb--text-scale-factor:1;--wndb--text--xs:0.75rem;--wndb--text--sm:0.875rem;--wndb--text--base:1rem;--wndb--text--md:1.125rem;--wndb--text--lg:1.5rem;--wndb--text--xl:2.375rem;--wndb--text--huge:clamp(2.75rem,1.4688rem + 2.5vw,3.5rem);--wndb--text-giga:clamp(3.25rem,2.546875rem + 2.25vw,4.375rem)}.nfd-text-xs:not([class*=font-size]):not([style*=font-size]){font-size:calc(var(--wndb--text--xs)*var(--wndb--text-scale-factor))!important}.nfd-text-xs:not([style*=letter-spacing]){letter-spacing:.05em!important}.nfd-text-sm:not([class*=font-size]):not([style*=font-size]){font-size:calc(var(--wndb--text--sm)*var(--wndb--text-scale-factor))!important}.nfd-text-base:not([class*=font-size]):not([style*=font-size]){font-size:calc(var(--wndb--text--base)*var(--wndb--text-scale-factor))!important}.nfd-text-md:not([class*=font-size]):not([style*=font-size]){font-size:calc(var(--wndb--text--md)*var(--wndb--text-scale-factor))!important}.nfd-text-base:not([style*=line-height]),.nfd-text-md:not([style*=line-height]){line-height:1.6!important}.nfd-text-lg:not([class*=font-size]):not([style*=font-size]){font-size:calc(var(--wndb--text--lg)*var(--wndb--text-scale-factor))!important}.nfd-text-lg:not([style*=line-height]){line-height:1.4!important}.nfd-text-lg:not([style*=letter-spacing]){letter-spacing:-.02em!important}.nfd-text-lg:not([style*=font-weight]){font-weight:500!important}.nfd-text-xl:not([class*=font-size]):not([style*=font-size]){font-size:var(--wndb--text--xl)!important}.nfd-text-xl:not([style*=line-height]){line-height:1.25!important}.nfd-text-xl:not([style*=letter-spacing]){letter-spacing:-.01em!important}.nfd-text-xl:not([style*=font-weight]){font-weight:500!important}:where(.nfd-text-huge:not([class*=font-size]):not([style*=font-size])){font-size:calc(var(--wndb--text--huge)*var(--wndb--text-scale-factor))!important;max-width:var(--wndb--max-w--prose)!important;text-wrap:balance!important}:where(.nfd-text-giga:not([class*=font-size]):not([style*=font-size])).has-text-align-center,:where(.nfd-text-huge:not([class*=font-size]):not([style*=font-size])).has-text-align-center{margin-inline:auto!important}:where(.nfd-text-giga:not([class*=font-size]):not([style*=font-size])).has-text-align-right,:where(.nfd-text-huge:not([class*=font-size]):not([style*=font-size])).has-text-align-right{margin-inline-start:auto!important}.nfd-text-huge:not([style*=line-height]){line-height:1.1!important}.nfd-text-huge:not([style*=letter-spacing]){letter-spacing:-.04em!important}.nfd-text-huge:not([style*=font-weight]){font-weight:500!important}:where(.nfd-text-giga:not([class*=font-size]):not([style*=font-size])){font-size:calc(var(--wndb--text-giga)*var(--wndb--text-scale-factor))!important;max-width:var(--wndb--max-w--prose)!important;text-wrap:balance!important}.nfd-text-giga:not([style*=line-height]){line-height:1.1!important}.nfd-text-giga:not([style*=letter-spacing]){letter-spacing:-.04em!important}.nfd-text-giga:not([style*=font-weight]){font-weight:500!important}:root{--nfd-wb-anim-transition-duration:1400ms;--nfd-wb-anim-transition-delay:50ms;--nfd-wb-anim-transition-easing-function:cubic-bezier(0.4,1,0.65,1);--nfd-wb-anim-transition:all var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay)}@media (prefers-reduced-motion:reduce){.nfd-wb-animate{transition:none!important}.nfd-wb-twist-in,[class*=nfd-wb-]{-webkit-clip-path:none!important;clip-path:none!important;opacity:1!important;transform:none!important}}@media (max-width:782px){.nfd-wb-animate{transition:none!important}.nfd-wb-twist-in,[class*=nfd-wb-]{-webkit-clip-path:none!important;clip-path:none!important;opacity:1!important;transform:none!important}}.nfd-wb-animate[data-replay-animation]{transition:none!important}.block-editor-block-preview__content-iframe [class*=nfd-wb-]{-webkit-clip-path:none!important;clip-path:none!important;opacity:1!important;transform:none!important}[class*=nfd-wb-fade-in]{--nfd-wb-anim-transition:opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay),transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay);transition:var(--nfd-wb-anim-transition)}.nfd-wb-fade-in-bottom{--nfd-wb-anim-transition-duration:1200ms;opacity:0;transform:translate3d(0,90px,0);transition:var(--nfd-wb-anim-transition)}.nfd-wb-fade-in-bottom-short{transform:translate3d(0,32px,0) scale3d(.96,.96,.96);transform-origin:center bottom}.nfd-wb-fade-in-bottom-short,.nfd-wb-fade-in-top-short{--nfd-wb-anim-transition-duration:600ms;opacity:0;transition:var(--nfd-wb-anim-transition)}.nfd-wb-fade-in-top-short{transform:translate3d(0,-32px,0) scale3d(.96,.96,.96);transform-origin:center top}.nfd-wb-fade-in-left-short{transform:translate3d(-32px,0,0) scale3d(.96,.96,.96);transform-origin:center left}.nfd-wb-fade-in-left-short,.nfd-wb-fade-in-right-short{--nfd-wb-anim-transition-duration:600ms;opacity:0;transition:var(--nfd-wb-anim-transition)}.nfd-wb-fade-in-right-short{transform:translate3d(32px,0,0) scale3d(.96,.96,.96);transform-origin:right center}.nfd-wb-animated-in:not([data-replay-animation])[class*=nfd-wb-fade-in]{opacity:1;transform:translateZ(0) scaleX(1)}.nfd-wb-zoom-in{--nfd-wb-anim-transition-duration:1200ms;--nfd-wb-anim-transition:opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay),transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay);transform:scale3d(.4,.4,.4)}.nfd-wb-zoom-in,.nfd-wb-zoom-in-short{opacity:0;transition:var(--nfd-wb-anim-transition)}.nfd-wb-zoom-in-short{--nfd-wb-anim-transition-duration:600ms;--nfd-wb-anim-transition:opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay),transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay);transform:scale3d(.92,.92,.92)}.nfd-wb-animated-in:not([data-replay-animation])[class*=nfd-wb-zoom-]{opacity:1!important;transform:scaleX(1)!important}div:has(>.nfd-wb-twist-in){perspective:1200px}.nfd-wb-twist-in{--nfd-wb-anim-transition-duration:1000ms;--nfd-wb-anim-transition:opacity var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay),transform var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay);opacity:0;transform:translateY(40px) scale(.8) rotateY(30deg) rotate(-12deg) translateZ(0);transition:var(--nfd-wb-anim-transition)}.nfd-wb-animated-in:not([data-replay-animation]).nfd-wb-twist-in{opacity:1!important;transform:translateY(0) scale(1) rotateY(0deg) rotate(0deg) translateZ(0)!important}.nfd-wb-reveal-right{--nfd-wb-anim-transition-duration:1500ms;--nfd-wb-anim-transition-easing-function:cubic-bezier(0.4,0,0,1);--nfd-wb-anim-transition:clip-path var(--nfd-wb-anim-transition-duration) var(--nfd-wb-anim-transition-easing-function) var(--nfd-wb-anim-transition-delay);-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0);transition:var(--nfd-wb-anim-transition)}.nfd-wb-animated-in>.nfd-wb-reveal-right:not([data-replay-animation]){-webkit-clip-path:inset(0 0 0 0)!important;clip-path:inset(0 0 0 0)!important}.nfd-delay-50{--nfd-wb-anim-transition-delay:50ms}.nfd-delay-150{--nfd-wb-anim-transition-delay:150ms}.nfd-delay-300{--nfd-wb-anim-transition-delay:300ms}.nfd-delay-450{--nfd-wb-anim-transition-delay:450ms}.nfd-delay-600{--nfd-wb-anim-transition-delay:600ms}.nfd-delay-750{--nfd-wb-anim-transition-delay:750ms}.nfd-delay-900{--nfd-wb-anim-transition-delay:900ms}.nfd-delay-1050{--nfd-wb-anim-transition-delay:1050ms}.nfd-delay-1200{--nfd-wb-anim-transition-delay:1200ms}.nfd-delay-1350{--nfd-wb-anim-transition-delay:1350ms}.nfd-delay-1500{--nfd-wb-anim-transition-delay:1500ms}:where(:root){--wndb--container:1200px;--wndb--container--wide:1340px}body .is-layout-constrained:has(.nfd-container.is-layout-constrained)>.nfd-container.is-layout-constrained{max-width:unset!important;width:100%!important}.editor-styles-wrapper .nfd-container:is(.is-layout-constrained)>:where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)),.editor-styles-wrapper .nfd-container>:where(.wp-block-cover-is-layout-constrained:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)):not([style*=margin]),.nfd-container:is(.is-layout-constrained)>:where(:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)),.nfd-container:is(.nfd-my-0)>div,.nfd-container>:where(.wp-block-cover-is-layout-constrained:not(.alignleft):not(.alignright):not(.alignfull):not(.alignwide)){max-width:var(--wndb--container);width:100%}.editor-styles-wrapper .nfd-container:is(.is-layout-constrained)>.alignwide,.nfd-container:is(.is-layout-constrained).alignwide>:where(:not(.alignleft):not(.alignright):not(.alignfull)):not([style*=margin]),.nfd-container:is(.is-layout-constrained)>.alignwide,.nfd-container:is(.nfd-my-0)>.alignwide{max-width:var(--wndb--container--wide);width:100%}.nfd-container:not(.alignfull){padding-inline:var(--wndb--p)!important}.nfd-container:is(.nfd-my-0)>div:not([style*=margin]){margin-inline:auto!important}[class*=nfd-divider-]{position:relative;z-index:13}[class*=nfd-divider-]~[class*=nfd-divider-]{z-index:12!important}[class*=nfd-divider-]~[class*=nfd-divider-]~[class*=nfd-divider-]{z-index:11!important}[class*=nfd-divider-]:before{background:inherit!important;bottom:calc(var(--wndb--divider-size)*-1)!important;content:""!important;height:var(--wndb--divider-size)!important;left:0!important;pointer-events:none!important;position:absolute!important;width:100%!important;z-index:10!important}.nfd-divider-arrow{--wndb--divider-size:16px}.nfd-divider-arrow:before{bottom:calc(var(--wndb--divider-size)*-1)!important;height:calc(var(--wndb--divider-size)*2)!important;left:50%!important;transform:translateX(-50%) rotate(45deg)!important;width:calc(var(--wndb--divider-size)*2)!important}.nfd-divider-clouds{--wndb--divider-size:150px}.nfd-divider-clouds:after,.nfd-divider-clouds:before{background:inherit!important;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMax slice' viewBox='0 0 283.5 27.8'%3E%3Cpath fill='%23fff' d='M0 0v6.7c1.9-.8 4.7-1.4 8.5-1 9.5 1.1 11.1 6 11.1 6s2.1-.7 4.3-.2c2.1.5 2.8 2.6 2.8 2.6s.2-.5 1.4-.7 1.7.2 1.7.2 0-2.1 1.9-2.8 3.6.7 3.6.7.7-2.9 3.1-4.1 4.7 0 4.7 0 1.2-.5 2.4 0 1.7 1.4 1.7 1.4h1.4c.7 0 1.2.7 1.2.7s.8-1.8 4-2.2c3.5-.4 5.3 2.4 6.2 4.4q.6-.6 1.8-.9c2.8-.7 4 .7 4 .7s1.7-5 11.1-6c9.5-1.1 12.3 3.9 12.3 3.9s1.2-4.8 5.7-5.7 6.8 1.8 6.8 1.8.6-.6 1.5-.9c.9-.2 1.9-.2 1.9-.2s5.2-6.4 12.6-3.3c7.3 3.1 4.7 9 4.7 9s1.9-.9 4 0 2.8 2.4 2.8 2.4 1.9-1.2 4.5-1.2 4.3 1.2 4.3 1.2.2-1 1.4-1.7 2.1-.7 2.1-.7-.5-3.1 2.1-5.5 5.7-1.4 5.7-1.4 1.5-2.3 4.2-1.1 1.7 5.2 1.7 5.2.3-.1 1.3.5c.5.4.8.8.9 1.1.5-1.4 2.4-5.8 8.4-4 7.1 2.1 3.5 8.9 3.5 8.9s.8-.4 2 0 1.1 1.1 1.1 1.1 1.1-1.1 2.3-1.1 2.1.5 2.1.5 1.9-3.6 6.2-1.2 1.9 6.4 1.9 6.4 2.6-2.4 7.4 0c3.4 1.7 3.9 4.9 3.9 4.9s3.3-6.9 10.4-7.9 11.5 2.6 11.5 2.6.8 0 1.2.2.9.9.9.9 4.4-3.1 8.3.2c1.9 1.7 1.5 5 1.5 5s.3-1.1 1.6-1.4 2.3.2 2.3.2-.1-1.2.5-1.9 1.9-.9 1.9-.9-4.7-9.3 4.4-13.4c5.6-2.5 9.2.9 9.2.9s5-6.2 15.9-6.2 16.1 8.1 16.1 8.1.7-.2 1.6-.4V0z'/%3E%3C/svg%3E")!important;background-repeat:repeat-x!important;background-size:cover!important;content:""!important;height:var(--wndb--divider-size)!important;left:0!important;pointer-events:none!important;position:absolute!important;top:0!important;width:100%!important;z-index:10!important}.nfd-divider-clouds:after{bottom:0!important;top:auto!important;transform:rotate(180deg)!important}.nfd-divider-ellipse{--wndb--divider-size:50px}.nfd-divider-ellipse:before{-webkit-clip-path:ellipse(50% var(--wndb--divider-size) at 50% 0)!important;clip-path:ellipse(50% var(--wndb--divider-size) at 50% 0)!important}.nfd-divider-rounded:not([style*=-radius]){--wndb--divider-size:50px}.nfd-divider-rounded:before:not([style*=-radius]){border-bottom-left-radius:var(--wndb--divider-size)!important;border-bottom-right-radius:var(--wndb--divider-size)!important}.nfd-divider-slant,.nfd-divider-slant-invert{--wndb--divider-size:80px}.nfd-divider-slant:before{bottom:calc(var(--wndb--divider-size)*-1 + 1px)!important;-webkit-clip-path:polygon(0 0,100% 0,0 100%)!important;clip-path:polygon(0 0,100% 0,0 100%)!important}.nfd-divider-slant-invert:before{bottom:calc(var(--wndb--divider-size)*-1 + 1px)!important;-webkit-clip-path:polygon(0 0,100% 0,100% 100%)!important;clip-path:polygon(0 0,100% 0,100% 100%)!important}.nfd-divider-triangle{--wndb--divider-size:80px}.nfd-divider-triangle:before{bottom:calc(var(--wndb--divider-size)*-1 + 1px)!important;-webkit-clip-path:polygon(0 0,100% 0,50% 100%)!important;clip-path:polygon(0 0,100% 0,50% 100%)!important}.nfd-divider-zigzag{--wndb--divider-size:8px}.nfd-divider-zigzag:before{-webkit-mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% /calc(var(--wndb--divider-size)*2) 100%!important;mask:conic-gradient(from -45deg at bottom,#0000,#000 1deg 89deg,#0000 90deg) 50% /calc(var(--wndb--divider-size)*2) 100%!important}:where(:root){--wndb--divider-size:0px}.nfd-grid-cols-1-2-1{grid-template-columns:1fr 2fr 1fr!important}:where(:root){--wndb--padding-factor:1;--wndb--p:2.375rem;--wndb--p--xs:0.75rem;--wndb--p--sm:1.5rem;--wndb--p--md:2rem;--wndb--p--lg:clamp(3.5rem,7vw,6.25rem);--wndb--p--square:2.5rem;--wndb--p--square-lg:4rem}.nfd-p-card-sm:not([style*=padding]){padding:calc(var(--wndb--p--xs)*var(--wndb--padding-factor)) calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-p-card-md:not([style*=padding]){padding:calc(var(--wndb--p--sm)*var(--wndb--padding-factor)) calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-p-card-lg:not([style*=padding]){padding:calc(var(--wndb--p--md)*var(--wndb--padding-factor)) calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}@media screen and (min-width:782px){.nfd-p-card-lg:not([style*=padding]){padding:calc(var(--wndb--p--md)*var(--wndb--padding-factor)) calc(var(--wndb--p--md)*1.5*var(--wndb--padding-factor))!important}}.nfd-p-card-square-lg:not([style*=padding]),.nfd-p-card-square:not([style*=padding]){padding:calc(var(--wndb--p--square)*var(--wndb--padding-factor))!important}@media screen and (min-width:782px){.nfd-p-card-square-lg:not([style*=padding]){padding:calc(var(--wndb--p--square-lg)*var(--wndb--padding-factor))!important}}.nfd-p-xs:not([style*=padding]){padding:calc(var(--wndb--p--xs)*var(--wndb--padding-factor))!important}.nfd-py-xs:not([style*=padding]){padding-block:calc(var(--wndb--p--xs)*var(--wndb--padding-factor))!important}.nfd-pt-xs:not([style*=padding]){padding-block-start:calc(var(--wndb--p--xs)*var(--wndb--padding-factor))!important}.nfd-px-xs:not([style*=padding]){padding-inline:calc(var(--wndb--p--xs)*var(--wndb--padding-factor))!important}.nfd-p-sm:not([style*=padding]){padding:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-px-sm:not([style*=padding]){padding-inline:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-py-sm:not([style*=padding]){padding-block:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-pt-sm:not([style*=padding]){padding-block-start:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-pb-sm:not([style*=padding]){padding-block-end:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-pl-sm:not([style*=padding]){padding-left:calc(var(--wndb--p--sm)*var(--wndb--padding-factor))!important}.nfd-p-md:not([style*=padding]){padding:calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-px-md:not([style*=padding]){padding-inline:calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-pb-md:not([style*=padding]),.nfd-pt-md:not([style*=padding]),.nfd-py-md:not([style*=padding]){padding-block:calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-p-lg:not([style*=padding]){padding:calc(var(--wndb--p--lg)*var(--wndb--padding-factor)) calc(var(--wndb--p--md)*var(--wndb--padding-factor))!important}.nfd-py-lg:not([style*=padding]){padding-block:calc(var(--wndb--p--lg)*var(--wndb--padding-factor))!important}.nfd-pt-lg:not([style*=padding]){padding-block-start:calc(var(--wndb--p--lg)*var(--wndb--padding-factor))!important}.nfd-pb-lg:not([style*=padding]){padding-block-end:calc(var(--wndb--p--lg)*var(--wndb--padding-factor))!important}.nfd-pl-offset-md:not([style*=padding]){margin-left:calc(var(--wndb--p--md)*var(--wndb--padding-factor)*-1)!important;padding-left:calc(var(--wndb--p--md)*var(--wndb--padding-factor) - 3px)!important}.editor-styles-wrapper .nfd-overlap-x,.nfd-overlap-x{gap:0}.nfd-overlap-x>:not(:first-child){margin-inline-start:-1.275rem!important}@media (min-width:768px){.-nfd-translate-y-1\/2{transform:translateY(-50%)!important}}:where(:root){--wndb--gap--scale-factor:1;--wndb--gap--xs:0.25rem;--wndb--gap--sm:0.5rem;--wndb--gap--md:1rem;--wndb--gap--lg:1.5rem;--wndb--gap--xl:2rem;--wndb--gap--2xl:2.5rem;--wndb--gap--3xl:3.5rem;--wndb--gap--4xl:6rem}.editor-styles-wrapper .nfd-gap-0,.nfd-gap-0{gap:0}.editor-styles-wrapper .nfd-gap-xs,.nfd-gap-xs{gap:calc(var(--wndb--gap--xs)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-sm,.nfd-gap-sm{gap:calc(var(--wndb--gap--sm)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-md,.nfd-gap-md{gap:calc(var(--wndb--gap--md)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-lg,.nfd-gap-lg{gap:calc(var(--wndb--gap--lg)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-x-lg,.nfd-gap-x-lg{-moz-column-gap:calc(var(--wndb--gap--lg)*var(--wndb--gap--scale-factor));column-gap:calc(var(--wndb--gap--lg)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-y-lg,.nfd-gap-y-lg{row-gap:calc(var(--wndb--gap--lg)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-xl,.nfd-gap-xl{gap:calc(var(--wndb--gap--xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-y-xl,.nfd-gap-y-xl{row-gap:calc(var(--wndb--gap--xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-2xl,.nfd-gap-2xl{gap:calc(var(--wndb--gap--2xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-y-2xl,.nfd-gap-y-2xl{row-gap:calc(var(--wndb--gap--2xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-3xl,.nfd-gap-3xl{gap:calc(var(--wndb--gap--3xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-y-3xl,.nfd-gap-y-3xl{row-gap:calc(var(--wndb--gap--3xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-4xl,.nfd-gap-4xl{gap:calc(var(--wndb--gap--4xl)*var(--wndb--gap--scale-factor))}.editor-styles-wrapper .nfd-gap-x-4xl,.nfd-gap-x-4xl{-moz-column-gap:calc(var(--wndb--gap--4xl)*var(--wndb--gap--scale-factor));column-gap:calc(var(--wndb--gap--4xl)*var(--wndb--gap--scale-factor))}:where(:root){--wndb--button--outline-width:0px;--wndb--button-sm--font-size:1rem;--wndb--button-lg-x:2rem;--wndb--button-lg-y:0.75rem;--wndb--button-lg--font-size:1.125rem;--wndb--button-xl-x:3rem;--wndb--button-xl-y:1rem;--wndb--button-xl--font-size:1.125rem}[class*=nfd-btn].is-style-outline{--wndb--button--outline-width:2px}[class*=nfd-btn]>.wp-block-button__link:not([style*=padding]){padding:calc(.625rem - var(--wndb--button--outline-width)) calc(1.125rem - var(--wndb--button--outline-width))!important}.nfd-btn-sm>.wp-block-button__link:not([style*=padding]){padding:calc(.375rem - var(--wndb--button--outline-width)) calc(1rem - var(--wndb--button--outline-width))!important}.nfd-btn-sm:not(.has-custom-font-size)>.wp-block-button__link:not([style*=font-size]){font-size:var(--wndb--button-sm--font-size)!important}.nfd-btn-lg>.wp-block-button__link:not([style*=padding]){padding:calc(var(--wndb--button-lg-y) - var(--wndb--button--outline-width)) var(--wndb--button-lg-x)!important}.nfd-btn-lg:not(.has-custom-font-size)>.wp-block-button__link:not([style*=font-size]){font-size:var(--wndb--button-lg--font-size)!important}.nfd-btn-lg:not([style*=font-weight])>.wp-block-button__link{font-weight:600!important}.nfd-btn-xl>.wp-block-button__link:not([style*=padding]){padding:calc(var(--wndb--button-xl-y) - var(--wndb--button--outline-width)) var(--wndb--button-xl-x)!important}.nfd-btn-xl:not(.has-custom-font-size)>.wp-block-button__link:not([style*=font-size]){font-size:var(--wndb--button-xl--font-size)!important}.nfd-btn-xl:not([style*=font-weight])>.wp-block-button__link{font-weight:600!important}.nfd-btn-wide>.wp-block-button__link:not([style*=padding]){padding:calc(.625rem - var(--wndb--button--outline-width)) calc(2rem - var(--wndb--button--outline-width))!important}[class*=nfd-btn]:is(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:var(--wndb--color--text--contrast)!important}.nfd-btn:is(.is-style-outline)>.wp-block-button__link:not(.has-text-color):hover{--wndb--color--text--contrast:var(--wndb-gray-900);border-color:var(--wndb-white)!important}[class*=nfd-button]>.wp-block-button__link:not(.has-background):hover{filter:brightness(.8)!important}.nfd-theme-primary [class*=nfd-btn]:not(.is-style-outline):not(.nfd-btn-secondary):not(.nfd-btn-tertiary)>.wp-block-button__link:not(.has-background){background-color:var(--wndb-gray-800)!important}.nfd-theme-primary + [class*=nfd-btn]:not(.is-style-outline):not(.nfd-btn-secondary):not(.nfd-btn-tertiary)>.wp-block-button__link:not(.has-background):hover{background-color:var(--wndb-gray-900)!important}.nfd-theme-primary + [class*=nfd-btn]:is(.is-style-outline):not(.nfd-btn-secondary):not(.nfd-btn-tertiary)>.wp-block-button__link:not(.has-background):not(.has-text-color):hover{background-color:var(--wndb-white)!important;border-color:var(--wndb-white)!important;color:var(--wndb-gray-900)!important}.nfd-btn-secondary:is(.is-style-outline)>.wp-block-button__link:not(.has-text-color):hover{--wndb--color--text--contrast:var(--wndb-gray-900);border-color:var(--wndb-white)!important}.nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:var(--wndb-white)!important}.nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:var(--wndb-gray-800)!important}.nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background):hover{background-color:var(--wndb-gray-900)!important}.nfd-theme-dark .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background),.nfd-theme-darker .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:var(--wndb-white)!important}.nfd-theme-dark .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-text-color),.nfd-theme-darker .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:var(--wndb-gray-900)!important}.nfd-theme-dark .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background):hover,.nfd-theme-darker .nfd-btn-secondary:not(.is-style-outline)>.wp-block-button__link:not(.has-background):hover{background-color:var(--wndb-white)!important;color:var(--wndb-gray-900)!important;filter:brightness(.8)!important}.nfd-btn-tertiary:is(.is-style-outline)>.wp-block-button__link:not(.has-text-color):hover{--wndb--color--text--contrast:var(--wndb-gray-900)}.nfd-btn-tertiary:is(.is-style-outline)>.wp-block-button__link:not([class*=-border-color]){border-color:var(--wndb--color--subtle)!important}.nfd-btn-tertiary:not(.is-style-outline)>.wp-block-button__link:not(.has-text-color){color:var(--wndb--color--text--contrast)!important}.nfd-btn-tertiary:not(.is-style-outline)>.wp-block-button__link:not(.has-background){background-color:var(--wndb--color--borders)!important}.nfd-btn-tertiary:not(.is-style-outline)>.wp-block-button__link:not(.has-background):hover{--wndb--color--borders:var(--wndb--color--subtle)}:where(:root){--wndb--shadow--xs:0 1px 2px 0 rgba(18,18,23,.065);--wndb--shadow--sm:0 1px 3px 0 rgba(18,18,23,.1),0 1px 2px 0 rgba(18,18,23,.06)}.nfd-shadow-xs:not([style*=box-shadow]){box-shadow:var(--wndb--shadow--xs)!important}.nfd-shadow-sm:not([style*=box-shadow]){box-shadow:var(--wndb--shadow--sm)!important}:where(:root){--wndb--rounded--scale-factor:1;--wndb--border--radius--sm:0.25rem;--wndb--border--radius--md:0.5rem;--wndb--border--radius--lg:0.75rem;--wndb--border--radius--xl:1rem}[class*=nfd-rounded]:not([style*=-radius]),[class*=nfd-rounded]:not([style*=-radius])>.components-resizable-box__container>img:not([style*=-radius]),[class*=nfd-rounded]:not([style*=-radius])>.wp-element-button:not([style*=-radius]),[class*=nfd-rounded]:not([style*=-radius])>a>img,[class*=nfd-rounded]:not([style*=-radius])>img{border-radius:calc(var(--wndb--border--radius)*var(--wndb--rounded--scale-factor))!important}[class*=nfd-rounded-t-]:not([style*=-radius]),[class*=nfd-rounded-t-]:not([style*=-radius])>.components-resizable-box__container>img:not([style*=-radius]),[class*=nfd-rounded-t-]:not([style*=-radius])>.wp-element-button:not([style*=-radius]),[class*=nfd-rounded-t-]:not([style*=-radius])>a>img,[class*=nfd-rounded-t-]:not([style*=-radius])>img{border-radius:calc(var(--wndb--border--radius)*var(--wndb--rounded--scale-factor)) calc(var(--wndb--border--radius)*var(--wndb--rounded--scale-factor)) 0 0!important}.nfd-rounded-none:not([style*=-radius]){--wndb--border--radius:0}.nfd-rounded-sm:not([style*=-radius]){--wndb--border--radius:var(--wndb--border--radius--sm)}.nfd-rounded,.nfd-rounded-md:not([style*=-radius]){--wndb--border--radius:var(--wndb--border--radius--md)}.nfd-rounded-lg,.nfd-rounded-t-lg:not([style*=-radius]){--wndb--border--radius:var(--wndb--border--radius--lg)}.nfd-rounded-t-xl:not([style*=-radius]),.nfd-rounded-xl{--wndb--border--radius:var(--wndb--border--radius--xl)}.nfd-rounded-full:not([style*=-radius]){--wndb--border--radius:9999px}:where(:root){--wndb-gray:#6c6c89;--wndb-gray-50:#f7f7f8;--wndb-gray-100:#ebebef;--wndb-gray-200:#d1d1db;--wndb-gray-300:#a9a9bc;--wndb-gray-400:#8a8aa3;--wndb-gray-500:#6c6c89;--wndb-gray-600:#55556d;--wndb-gray-700:#3f3f50;--wndb-gray-800:#1d1d22;--wndb-gray-900:#121217;--wndb-white:#fff;--wndb-white-50:hsla(0,0%,100%,.05);--wndb-white-100:hsla(0,0%,100%,.1);--wndb-white-200:hsla(0,0%,100%,.2);--wndb-white-300:hsla(0,0%,100%,.3);--wndb-white-400:hsla(0,0%,100%,.4);--wndb-white-500:hsla(0,0%,100%,.5);--wndb-white-600:hsla(0,0%,100%,.6);--wndb-white-700:hsla(0,0%,100%,.7);--wndb-white-800:hsla(0,0%,100%,.8);--wndb-white-900:hsla(0,0%,100%,.9);--wndb--color--primary:#00f;--wndb--color--secondary:#00f;--wndb--color--surface:var(--wndb-gray-50);--wndb--color--text:var(--wndb-gray-800);--wndb--color--text--contrast:var(--wndb-gray-900);--wndb--color--text--faded:var(--wndb-gray-600);--wndb--color--borders:var(--wndb-gray-100);--wndb--color--subtle:var(--wndb-gray-200);--wndb--color--links:var(--wndb--color--primary)}.nfd-theme-white{--wndb--color--borders:var(--wndb-gray-100);--wndb--color--links:var(--wndb--color--primary);--wndb--color--subtle:var(--wndb-gray-200);--wndb--color--surface:var(--wndb-white);--wndb--color--text--contrast:var(--wndb-gray-900);--wndb--color--text--faded:var(--wndb-gray-600);--wndb--color--text:var(--wndb-gray-800)}.nfd-theme-light{--wndb--color--borders:var(--wndb-gray-100);--wndb--color--links:var(--wndb--color--primary);--wndb--color--subtle:var(--wndb-gray-200);--wndb--color--surface:var(--wndb-gray-50);--wndb--color--text--contrast:var(--wndb-gray-900);--wndb--color--text--faded:var(--wndb-gray-600);--wndb--color--text:var(--wndb-gray-800)}.nfd-theme-dark{--wndb--color--borders:var(--wndb-white-100);--wndb--color--subtle:var(--wndb-white-200);--wndb--color--surface:var(--wndb-gray-800);--wndb--color--text--contrast:var(--wndb-white);--wndb--color--text--faded:var(--wndb-white-700);--wndb--color--text:var(--wndb-white);--wndb--shadow--sm:none;--wndb--shadow--xs:none;--wndb-mask-color:hsla(0,0%,100%,.12)}.nfd-theme-darker{--wndb--color--borders:var(--wndb-white-100);--wndb--color--subtle:var(--wndb-white-200);--wndb--color--surface:var(--wndb-gray-900);--wndb--color--text--contrast:var(--wndb-white);--wndb--color--text--faded:var(--wndb-white-700);--wndb--color--text:var(--wndb-white);--wndb--shadow--sm:none;--wndb--shadow--xs:none;--wndb-mask-color:hsla(0,0%,100%,.12)}.nfd-theme-primary{--wndb--color--borders:var(--wndb-white-100);--wndb--color--subtle:var(--wndb-white-200);--wndb--color--surface:var(--wndb--color--primary);--wndb--color--text--contrast:var(--wndb-white);--wndb--color--text--faded:var(--wndb-white-800);--wndb--color--text:var(--wndb-white);--wndb--shadow--sm:none;--wndb--shadow--xs:none;--wndb-mask-color:hsla(0,0%,100%,.12)}.nfd-bg-surface:not(.has-background){background-color:var(--wndb--color--surface)!important}.nfd-bg-surface:not(.has-text-color){color:var(--wndb--color--text)!important}.nfd-text-faded p:not(.has-text-color):not(.has-link-color):not(.has-background):not(.nfd-text-primary),.nfd-text-faded time:not(.has-text-color):not(.has-background),.nfd-text-faded>a:not(.has-text-color):not(.has-link-color):not(.has-background),p.nfd-text-faded:not(.has-text-color):not(.has-link-color):not(.has-background){color:var(--wndb--color--text--faded)!important}.editor-styles-wrapper div .nfd-text-contrast:where(:not(.has-text-color)),.editor-styles-wrapper div :where(.nfd-text-contrast:not(.has-text-color):not(.wp-element-button)) a:where(:not(:hover)),.wp-site-blocks .nfd-text-contrast:where(:not(.has-text-color)),.wp-site-blocks .nfd-text-contrast:where(:not(.has-text-color)) a:where(:not(:hover)){color:var(--wndb--color--text--contrast)}.nfd-bg-surface [style*=border]:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]),.nfd-bg-surface [style*=border]:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color])>img:not(.has-border-color):not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]),.nfd-bg-surface [style*=border]:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color])>img:not(.has-border-color):not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color])>.components-resizable-box__container>img:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]),.nfd-bg-surface:not([class*=border-color]):not([style*=border-top-color]):not([style*=border-right-color]):not([style*=border-bottom-color]):not([style*=border-left-color]):not(.has-border-color){border-color:var(--wndb--color--borders)!important}.nfd-bg-surface .wp-block-separator:not(.has-background):not(.has-text-color){border-bottom-color:var(--wndb--color--subtle)!important;border-bottom-width:1px!important}.nfd-border-bg{--wndb--color--borders:var(--wndb--color--surface)}.nfd-border-primary{--wndb--color--borders:var(--wndb--color--primary)}.nfd-border-inherit{--wndb--color--borders:inherit}.nfd-bg-accent:not(.has-background),.nfd-bg-primary:not(.has-background),.wp-block-cover.nfd-bg-accent>.wp-block-cover__background:not([class*=background-color]),.wp-block-cover.nfd-bg-primary>.wp-block-cover__background:not([class*=background-color]){background-color:var(--wndb--color--primary)!important}.nfd-bg-accent:not(.has-text-color),.nfd-bg-primary:not(.has-text-color){color:var(--wndb--color--white)!important}.nfd-bg-subtle:not(.has-background):not(.wp-block-button),.nfd-bg-subtle:not(.has-background)>.wp-block-button__link:not(.has-background){background-color:var(--wndb--color--borders)!important;color:var(--wndb--color--text--contrast)!important}.nfd-text-primary:not(.has-text-color),.wp-block-button.wndb-text-primary>a:not(.has-text-color){color:var(--wndb--color--primary)!important}.nfd-text-secondary:not(.has-text-color),.wp-block-button.wndb-text-secondary>a:not(.has-text-color){color:var(--wndb--color--secondary)!important}.nfd-theme-primary .nfd-text-primary:not(.has-text-color),.nfd-theme-primary .nfd-text-secondary:not(.has-text-color),.nfd-theme-primary .wp-block-button.wndb-text-primary>a:not(.has-text-color),.nfd-theme-secondary .wp-block-button.wndb-text-secondary>a:not(.has-text-color){color:var(--wndb--color--contrast)!important}.nfd-theme-dark .nfd-text-primary:not(.has-text-color),.nfd-theme-darker .nfd-text-primary:not(.has-text-color){color:var(--wndb--color--secondary)!important}.nfd-text-subtle:not(.has-text-color){color:var(--wndb--color--subtle)!important}.editor-styles-wrapper div .nfd-text-current:where(:not(.has-text-color)),.editor-styles-wrapper div :where(.nfd-text-current:not(.has-text-color):not(.wp-element-button)) a:where(:not(:hover)),.wp-site-blocks .nfd-text-current:where(:not(.has-text-color)),.wp-site-blocks .nfd-text-current:where(:not(.has-text-color)) a:where(:not(:hover)){color:currentColor}[class*=nfd-theme-] .wp-block-social-links.is-style-logos-only:not(.has-icon-color) .wp-block-social-link{color:var(--wndb--color--text--faded)!important;fill:var(--wndb--color--text--faded)!important}[class*=nfd-theme-] .wp-block-social-links.is-style-logos-only:not(.has-icon-color) .wp-block-social-link:hover{color:var(--wndb--color--text)!important;fill:var(--wndb--color--text)!important}.nfd-bg-gray-100:not(.has-background),.nfd-bg-gray-800:not(.has-background){background-color:var(--wndb--color--surface)!important}.nfd-bg-gray-100:not(.has-text-color),.nfd-bg-gray-800:not(.has-text-color){color:var(--wndb--color--text)!important}.nfd-bg-gray-800{--wndb--color--surface:var(--wndb-gray-800);--wndb--color--text:var(--wndb-white);--wndb--color--borders:var(--wndb-white-100);--wndb--color--text--faded:var(--wndb-white-700)}.nfd-bg-gray-100{--wndb--color--surface:var(--wndb-gray-50);--wndb--color--text:var(--wndb-gray-700);--wndb--color--borders:var(--wndb-gray-100)}.nfd-text-opacity-80 p:not(.has-text-color):not(.has-link-color):not(.has-background),.nfd-text-opacity-80 time:not(.has-text-color):not(.has-background),p.nfd-text-opacity-80:not(.has-text-color):not(.has-link-color):not(.has-background){opacity:.8!important}:where(:root){--wndb--slider-height:100lvh}.nfd-scroll-slider-horizontal,.nfd-scroll-slider-vertical{flex-wrap:nowrap!important;height:var(--wndb--slider-height)!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important;-ms-overflow-style:none!important;scrollbar-width:none!important}.nfd-scroll-slider-horizontal::-webkit-scrollbar,.nfd-scroll-slider-vertical::-webkit-scrollbar{display:none!important}.nfd-scroll-slider-vertical{height:100vh!important;overflow-y:auto!important;scroll-snap-type:y mandatory!important}.nfd-scroll-slider-vertical>*{scroll-snap-align:start!important;width:100%!important}.nfd-scroll-slider-horizontal{flex-direction:row!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important}.nfd-scroll-slider-horizontal>*{flex-shrink:0!important;scroll-snap-align:start!important}.nfd-scroll-slider-horizontal>.wp-block-cover{width:100vw!important}.nfd-container.alignfull .nfd-scroll-slider-horizontal{--half-container:calc(50vw - var(--wndb--container)/2);padding-left:var(--half-container)!important;padding-right:var(--half-container)!important;scroll-padding:var(--half-container)!important}.nfd-scroll-slider-horizontal.nfd-scroll-slider-animate>.wp-block-cover:first-child{animation:scroll-slider-slide 1s ease 1s forwards}@keyframes scroll-slider-slide{0%{margin-left:0}to{margin-left:-100vw}}.block-editor-block-preview__content-iframe .is-root-container{min-height:8rem!important}.block-editor-block-preview__content-iframe figure:has([style*="aspect-ratio: 16 / 9"]){width:100%!important}.block-editor-block-preview__content-iframe [style*="min-height: 100vh"],.block-editor-block-preview__content-iframe [style*="min-height:100vh"]{min-height:800px!important}.block-editor-block-preview__content-iframe [style*="min-height: 70vh"],.block-editor-block-preview__content-iframe [style*="min-height:70vh"]{min-height:560px!important}.block-editor-block-preview__content-iframe [style*="min-height: 50vh"],.block-editor-block-preview__content-iframe [style*="min-height:50vh"]{min-height:400px!important}.block-editor-block-preview__content-iframe [style*="min-height: 35vh"],.block-editor-block-preview__content-iframe [style*="min-height:35vh"]{min-height:280px!important}.block-editor-block-preview__content-iframe [style*="min-height: 30vh"],.block-editor-block-preview__content-iframe [style*="min-height:30vh"]{min-height:240px!important}.block-editor-block-preview__content-iframe [style*="min-height: 10vh"],.block-editor-block-preview__content-iframe [style*="min-height:10vh"]{min-height:80px!important}.block-editor-block-preview__content-iframe .nfd-stretch-cover-child{min-height:800px!important}.nfd-wba-modal *{box-sizing:border-box!important}.block-editor-block-preview__content-iframe .nfd-wb-animate{opacity:1!important;transform:none!important;transition:none!important}ul.nfd-gap-md:not(.is-layout-flex) li:not(:last-child){margin-bottom:1em!important}ul.nfd-list-check{list-style-type:none!important;padding-inline-start:1em!important}ul.nfd-list-check li:before{content:"✓";display:inline-block;margin-inline-end:8px}[class*=nfd-query-loop-] :where(.wp-block-post-author__avatar img){border-radius:999px;display:block}[class*=nfd-query-loop-] :where(.avatar-48){height:36px!important;width:36px!important}[class*=nfd-query-loop-] :where(.wp-block-post-author__content){display:flex;flex-direction:column;gap:4px;justify-content:center}[class*=nfd-query-loop-] .wp-block-post-author__avatar{margin-right:12px!important}.nfd-query-loop-1 :where(.wp-block-cover){aspect-ratio:2/1.1}.nfd-query-loop-1 :where(.wp-block-post-author__content){align-items:center!important;flex-direction:row!important}.nfd-query-loop-1 :where(.wp-block-post-author__byline){font-size:1em!important;opacity:.8!important}[class*=nfd-query-loop-] :where(.wp-block-categories){display:flex;gap:8px;list-style:none;padding:0}[class*=nfd-query-loop-] :where(.wp-block-categories a){color:inherit!important}.nfd-query-loop-2 .wp-block-cover__background{-webkit-mask-image:linear-gradient(180deg,transparent 25%,#000 75%)!important;mask-image:linear-gradient(180deg,transparent 25%,#000 75%)!important}.nfd-query-loop-3 :where(.wp-block-post-author__name){display:none!important}.nfd-form-items-grow>div:not(.wp-block-jetpack-button){flex-grow:1!important}.nfd-jp-form.nfd-text-center .consent{text-align:center!important}.nfd-jp-form .contact-form-submission .go-back-message .link{color:currentColor!important;text-decoration:underline!important}.nfd-jp-form .contact-form-submission .go-back-message{margin-top:0!important}.nfd-jp-form .contact-form-submission{border-color:currentColor!important;padding:calc(var(--wndb--p--md)*.5) 0!important}.nfd-jp-form textarea{resize:vertical!important}.nfd-jp-form .wp-block-button__link{padding-block-end:10px!important;padding-block-start:10px!important}.nfd-jp-form .consent,.nfd-jp-form .jetpack-field-checkbox .jetpack-field-label .jetpack-field-label__input,.nfd-jp-form .jetpack-field-consent .jetpack-field-label .jetpack-field-label__input{font-size:.875rem!important;line-height:1.5em!important;text-transform:none!important;text-wrap:balance!important}.nfd-jp-form input[type=checkbox]{padding:0!important}p[style*=text-decoration]>a{color:inherit!important;text-decoration:inherit!important}.is-style-dots.nfd-text-left:before{padding-left:0!important}.nfd-h-full,.nfd-h-full>.components-resizable-box__container>img,.nfd-h-full>img{height:100%!important}.nfd-w-full,.nfd-w-full>.components-resizable-box__container>img,.nfd-w-full>img{width:100%!important}.nfd-backdrop-blur-sm{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important}.nfd-backdrop-blur-md{-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important}.nfd-absolute-header{left:0!important;position:absolute!important;right:0!important;z-index:10!important}.editor-styles-wrapper .nfd-absolute-header{position:static!important}.nfd-absolute-header:not([style*=margin]){margin:0!important}:is([style*="min-height:100vh"]){min-height:calc(100vh - var(--wp-admin--admin-bar--height))!important}@supports (height:100dvh){:is([style*="height:100vh"]){min-height:calc(100dvh - var(--wp-admin--admin-bar--height, 0px))!important}}.nfd-wk-search .wp-block-search__input{font-size:inherit!important;min-height:50px!important;padding:8px 16px!important}:where(.wp-block-search__input){border-radius:var(--wndb--border--radius--sm)!important}.nfd-stretch-cover-child,.nfd-stretch-cover-child .wp-block-cover__inner-container{display:flex!important;flex-direction:column!important}.nfd-stretch-cover-child .wp-block-cover__inner-container,.nfd-stretch-cover-child .wp-block-cover__inner-container>.wp-block-group{align-items:inherit!important;flex-grow:1!important;justify-content:inherit!important}.nfd-stretch-cover-child .wp-block-cover__inner-container>.wp-block-group{width:100%!important}.nfd-container summary{line-height:1.5!important;padding-right:32px!important;position:relative!important}.nfd-container summary::marker{content:none!important}.nfd-container summary:before{align-items:center!important;background-color:var(--wndb--color--borders)!important;background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSIyIiBjbGFzcz0ibHVjaWRlIGx1Y2lkZS1wbHVzIj48cGF0aCBkPSJNNSAxMmgxNE0xMiA1djE0Ii8+PC9zdmc+")!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:13px!important;border-radius:999px!important;content:""!important;display:flex!important;height:1em!important;justify-content:center!important;opacity:.6!important;position:absolute!important;right:0!important;top:50%!important;transform:translateY(-50%)!important;width:1em!important}.nfd-container [open] summary:before{opacity:1!important;transform:translateY(-50%) rotate(45deg)!important}.nfd-container summary:hover:before{opacity:1!important}.is-style-wide.wp-block-separator{width:100%!important}@media (max-width:782px){.md\:nfd-order-2{order:2!important}.md\:nfd-my-0:not([style*=margin]){margin-bottom:0!important;margin-top:0!important}.md\:nfd-flex{display:flex!important}.md\:nfd-hidden{display:none!important}.md\:nfd-basis-full{flex-basis:100%!important}.md\:nfd-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))!important}.md\:nfd-flex-wrap{flex-wrap:wrap!important}.md\:nfd-items-start{align-items:flex-start!important}.md\:nfd-justify-start{justify-content:flex-start!important}.md\:nfd-justify-end{justify-content:flex-end!important}.md\:nfd-justify-center{justify-content:center!important}.md\:nfd-gap-5{gap:1.25rem!important}.md\:nfd-gap-8{gap:2rem!important}.md\:nfd-self-start{align-self:flex-start!important}.md\:nfd-rounded-lg:not([style*=-radius]){border-radius:.5rem!important}.md\:nfd-border-none{border-style:none!important}.md\:nfd-p-0:not([style*=padding]){padding:0!important}.md\:nfd-px-0:not([style*=padding]){padding-left:0!important;padding-right:0!important}.md\:nfd-py-0:not([style*=padding]){padding-bottom:0!important;padding-top:0!important}.md\:nfd-text-left{text-align:left!important}.md\:nfd-text-center{text-align:center!important}} \ No newline at end of file diff --git a/assets/build/utilities.js b/assets/build/utilities.js index ef7e392..d68f793 100644 --- a/assets/build/utilities.js +++ b/assets/build/utilities.js @@ -1,136 +1 @@ -(() => { - // assets/scripts/viewportAnimationObserver.js - var ViewportAnimationObserver = class { - constructor({ clientId, ...otherOptions } = {}) { - this.options = { - activeClass: "nfd-wb-animated-in", - root: null, - rootMargin: "0px", - threshold: 0, - ...otherOptions - }; - } - /** - * Observe elements to trigger animations. - * - * @param {NodeList} elements - Elements to observe. - * @param {string | null} clientId - The block's client ID. - * @param {boolean} isGutenberg - Whether or not the page is in Gutenberg. - */ - observeElements(elements, clientId = null, isGutenberg = false) { - if (!("IntersectionObserver" in window)) { - return; - } - if (!elements?.length) { - return; - } - if (document.documentElement.classList.contains("block-editor-block-preview__content-iframe")) { - return; - } - function wrappedMutationCallback(mutationsList, observer) { - this._mutationCallback(mutationsList, observer, clientId); - } - const intersectionObserver = new IntersectionObserver( - this._handleIntersection.bind(this), - this.options - ); - const mutationObserver = new MutationObserver(wrappedMutationCallback.bind(this)); - const classMutationObserver = new MutationObserver(this._handleClassMutation.bind(this)); - elements.forEach((element) => { - let elementToWatch = element; - if (element.classList.contains("nfd-wb-reveal-right")) { - elementToWatch = element.parentElement; - } - intersectionObserver.observe(elementToWatch); - if (isGutenberg) { - classMutationObserver.observe(elementToWatch, { - attributes: true, - attributeFilter: ["class"] - }); - mutationObserver.observe(elementToWatch, { - attributes: true, - attributeFilter: ["class"] - }); - } - }); - } - /** - * Handle intersection events to trigger animations. - * - * @param {Array} entries - Intersection entries. - * @param {IntersectionObserver} observer - The observer instance. - * @private - */ - _handleIntersection(entries, observer) { - entries.forEach((entry) => { - if (entry.isIntersecting) { - entry.target.classList.add(this.options.activeClass); - entry.target.querySelectorAll(".nfd-wb-animate").forEach((element) => { - element.classList.add(this.options.activeClass); - }); - observer.unobserve(entry.target); - } - }); - } - _handleClassMutation(entries) { - entries.forEach((entry) => { - if (entry?.type === "attributes") { - const target = entry.target; - if (!target.classList.contains("nfd-wb-animated-in")) { - target.classList.add("nfd-wb-animated-in"); - } - } - }); - } - /** - * Callback function for the MutationObserver. - * - * @param {MutationRecord[]} entries - List of mutations. - * @param {MutationObserver} observer - The observer instance. - * @param {string | null} clientId - The block's client ID. - */ - _mutationCallback(entries, observer, clientId = null) { - entries.forEach((entry) => { - if (entry?.type === "attributes") { - const target = entry.target; - if (clientId && clientId === target.getAttribute("data-block")) { - if (target.getAttribute("data-replay-animation") === null) { - target.setAttribute("data-replay-animation", true); - requestAnimationFrame(() => { - target.removeAttribute("data-replay-animation"); - }); - } - observer.disconnect(); - } - } - }); - } - }; - - // assets/scripts/utilities.js - document.addEventListener("DOMContentLoaded", () => { - viewportAnimation(); - }); - document.addEventListener("wonder-blocks/toolbar-button-added", () => { - viewportAnimation(); - }); - document.addEventListener("wonder-blocks/animation-changed", (event) => { - const clientId = event?.detail?.clientId; - viewportAnimation(clientId); - }); - document.addEventListener("wonder-blocks/block-order-changed", () => { - viewportAnimation(); - }); - function viewportAnimation(clientId = null) { - const isGutenberg = document.body.classList.contains("block-editor-page") || Boolean(clientId) || document.body.classList.contains("block-editor-iframe__body"); - const viewportAnimationObserver = new ViewportAnimationObserver({ - root: isGutenberg ? document.querySelector(".interface-interface-skeleton__content") : null, - threshold: 0 - }); - requestAnimationFrame(() => { - const elementsToAnimate = Array.from(document.getElementsByClassName("nfd-wb-animate")); - viewportAnimationObserver.observeElements(elementsToAnimate, clientId, isGutenberg); - }); - } -})(); -//# sourceMappingURL=utilities.js.map +(()=>{var c=class{constructor({clientId:t,...n}={}){this.options={activeClass:"nfd-wb-animated-in",root:null,rootMargin:"0px",threshold:0,...n}}observeElements(t,n=null,e=!1){if(!("IntersectionObserver"in window)||!t?.length||document.documentElement.classList.contains("block-editor-block-preview__content-iframe"))return;function a(r,o){this._mutationCallback(r,o,n)}let i=new IntersectionObserver(this._handleIntersection.bind(this),this.options),d=new MutationObserver(a.bind(this)),b=new MutationObserver(this._handleClassMutation.bind(this));t.forEach(r=>{let o=r;r.classList.contains("nfd-wb-reveal-right")&&(o=r.parentElement),i.observe(o),e&&(b.observe(o,{attributes:!0,attributeFilter:["class"]}),d.observe(o,{attributes:!0,attributeFilter:["class"]}))})}_handleIntersection(t,n){t.forEach(e=>{e.isIntersecting&&(e.target.classList.add(this.options.activeClass),e.target.querySelectorAll(".nfd-wb-animate").forEach(a=>{a.classList.add(this.options.activeClass)}),n.unobserve(e.target))})}_handleClassMutation(t){t.forEach(n=>{if(n?.type==="attributes"){let e=n.target;e.classList.contains("nfd-wb-animated-in")||e.classList.add("nfd-wb-animated-in")}})}_mutationCallback(t,n,e=null){t.forEach(a=>{if(a?.type==="attributes"){let i=a.target;e&&e===i.getAttribute("data-block")&&(i.getAttribute("data-replay-animation")===null&&(i.setAttribute("data-replay-animation",!0),requestAnimationFrame(()=>{i.removeAttribute("data-replay-animation")})),n.disconnect())}})}};document.addEventListener("DOMContentLoaded",()=>{l()});document.addEventListener("wonder-blocks/toolbar-button-added",()=>{l()});document.addEventListener("wonder-blocks/animation-changed",s=>{let t=s?.detail?.clientId;l(t)});document.addEventListener("wonder-blocks/block-order-changed",()=>{l()});function l(s=null){let t=document.body.classList.contains("block-editor-page")||!!s||document.body.classList.contains("block-editor-iframe__body"),n=new c({root:t?document.querySelector(".interface-interface-skeleton__content"):null,threshold:0});requestAnimationFrame(()=>{let e=Array.from(document.getElementsByClassName("nfd-wb-animate"));n.observeElements(e,s,t)})}})(); diff --git a/assets/build/utilities.js.map b/assets/build/utilities.js.map deleted file mode 100644 index dba1d6f..0000000 --- a/assets/build/utilities.js.map +++ /dev/null @@ -1,7 +0,0 @@ -{ - "version": 3, - "sources": ["../scripts/viewportAnimationObserver.js", "../scripts/utilities.js"], - "sourcesContent": ["/**\n * Class for observing elements entering the viewport and triggering animations.\n *\n */\nexport class ViewportAnimationObserver {\n\tconstructor({ clientId, ...otherOptions } = {}) {\n\t\tthis.options = {\n\t\t\tactiveClass: \"nfd-wb-animated-in\",\n\t\t\troot: null,\n\t\t\trootMargin: \"0px\",\n\t\t\tthreshold: 0,\n\t\t\t...otherOptions,\n\t\t};\n\t}\n\n\t/**\n\t * Observe elements to trigger animations.\n\t *\n\t * @param {NodeList} elements - Elements to observe.\n\t * @param {string | null} clientId - The block's client ID.\n\t * @param {boolean} isGutenberg - Whether or not the page is in Gutenberg.\n\t */\n\tobserveElements(elements, clientId = null, isGutenberg = false) {\n\t\tif (!(\"IntersectionObserver\" in window)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!elements?.length) {\n\t\t\treturn;\n\t\t}\n\n\t\t// Don't run in the block preview iframe\n\t\tif (document.documentElement.classList.contains(\"block-editor-block-preview__content-iframe\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tfunction wrappedMutationCallback(mutationsList, observer) {\n\t\t\tthis._mutationCallback(mutationsList, observer, clientId);\n\t\t}\n\n\t\t// eslint-disable-next-line no-undef\n\t\tconst intersectionObserver = new IntersectionObserver(\n\t\t\tthis._handleIntersection.bind(this),\n\t\t\tthis.options\n\t\t);\n\n\t\t// eslint-disable-next-line no-undef\n\t\tconst mutationObserver = new MutationObserver(wrappedMutationCallback.bind(this));\n\n\t\t// eslint-disable-next-line no-undef\n\t\tconst classMutationObserver = new MutationObserver(this._handleClassMutation.bind(this));\n\n\t\telements.forEach((element) => {\n\t\t\tlet elementToWatch = element;\n\n\t\t\tif (element.classList.contains(\"nfd-wb-reveal-right\")) {\n\t\t\t\telementToWatch = element.parentElement;\n\t\t\t}\n\n\t\t\tintersectionObserver.observe(elementToWatch);\n\n\t\t\t// If in Gutenberg, observe attributes as well\n\t\t\tif (isGutenberg) {\n\t\t\t\tclassMutationObserver.observe(elementToWatch, {\n\t\t\t\t\tattributes: true,\n\t\t\t\t\tattributeFilter: [\"class\"],\n\t\t\t\t});\n\t\t\t\tmutationObserver.observe(elementToWatch, {\n\t\t\t\t\tattributes: true,\n\t\t\t\t\tattributeFilter: [\"class\"],\n\t\t\t\t});\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Handle intersection events to trigger animations.\n\t *\n\t * @param {Array} entries - Intersection entries.\n\t * @param {IntersectionObserver} observer - The observer instance.\n\t * @private\n\t */\n\t_handleIntersection(entries, observer) {\n\t\tentries.forEach((entry) => {\n\t\t\tif (entry.isIntersecting) {\n\t\t\t\tentry.target.classList.add(this.options.activeClass);\n\n\t\t\t\t// Sync with parent element\n\t\t\t\tentry.target.querySelectorAll(\".nfd-wb-animate\").forEach((element) => {\n\t\t\t\t\telement.classList.add(this.options.activeClass);\n\t\t\t\t});\n\n\t\t\t\tobserver.unobserve(entry.target);\n\t\t\t}\n\t\t});\n\t}\n\n\t_handleClassMutation(entries) {\n\t\tentries.forEach((entry) => {\n\t\t\tif (entry?.type === \"attributes\") {\n\t\t\t\tconst target = entry.target;\n\n\t\t\t\tif (!target.classList.contains(\"nfd-wb-animated-in\")) {\n\t\t\t\t\ttarget.classList.add(\"nfd-wb-animated-in\");\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n\n\t/**\n\t * Callback function for the MutationObserver.\n\t *\n\t * @param {MutationRecord[]} entries - List of mutations.\n\t * @param {MutationObserver} observer - The observer instance.\n\t * @param {string | null} clientId - The block's client ID.\n\t */\n\t_mutationCallback(entries, observer, clientId = null) {\n\t\tentries.forEach((entry) => {\n\t\t\tif (entry?.type === \"attributes\") {\n\t\t\t\tconst target = entry.target;\n\n\t\t\t\t// Try to add attribute to the element that is being changed (clientId)\n\t\t\t\tif (clientId && clientId === target.getAttribute(\"data-block\")) {\n\t\t\t\t\tif (target.getAttribute(\"data-replay-animation\") === null) {\n\t\t\t\t\t\ttarget.setAttribute(\"data-replay-animation\", true);\n\n\t\t\t\t\t\t// This actually resets the animation - CSS will take care of it.\n\t\t\t\t\t\t// eslint-disable-next-line no-undef\n\t\t\t\t\t\trequestAnimationFrame(() => {\n\t\t\t\t\t\t\ttarget.removeAttribute(\"data-replay-animation\");\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\n\t\t\t\t\tobserver.disconnect();\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\t}\n}\n", "import { ViewportAnimationObserver } from \"./viewportAnimationObserver\";\n\ndocument.addEventListener(\"DOMContentLoaded\", () => {\n\tviewportAnimation();\n});\n\n// listen for wonder-blocks/toolbar-button-added event\ndocument.addEventListener(\"wonder-blocks/toolbar-button-added\", () => {\n\tviewportAnimation();\n});\n\n// listen for wonder-blocks/animation-changed event\ndocument.addEventListener(\"wonder-blocks/animation-changed\", (event) => {\n\tconst clientId = event?.detail?.clientId;\n\tviewportAnimation(clientId);\n});\n\n// listen for wonder-blocks/block-order-changed event\ndocument.addEventListener(\"wonder-blocks/block-order-changed\", () => {\n\tviewportAnimation();\n});\n\n/**\n * Handles viewport animations (entrance/exit).\n * @param {string | null} clientId - The block's client ID.\n */\nfunction viewportAnimation(clientId = null) {\n\tconst isGutenberg =\n\t\tdocument.body.classList.contains(\"block-editor-page\") ||\n\t\tBoolean(clientId) ||\n\t\tdocument.body.classList.contains(\"block-editor-iframe__body\");\n\n\tconst viewportAnimationObserver = new ViewportAnimationObserver({\n\t\troot: isGutenberg\n\t\t\t? document.querySelector(\".interface-interface-skeleton__content\") // Gutenberg scroll container\n\t\t\t: null,\n\t\tthreshold: 0,\n\t});\n\n\t// Wait for React to add classes to the DOM\n\t// eslint-disable-next-line no-undef\n\trequestAnimationFrame(() => {\n\t\tconst elementsToAnimate = Array.from(document.getElementsByClassName(\"nfd-wb-animate\"));\n\t\tviewportAnimationObserver.observeElements(elementsToAnimate, clientId, isGutenberg);\n\t});\n}\n"], - "mappings": ";;AAIO,MAAM,4BAAN,MAAgC;AAAA,IACtC,YAAY,EAAE,UAAU,GAAG,aAAa,IAAI,CAAC,GAAG;AAC/C,WAAK,UAAU;AAAA,QACd,aAAa;AAAA,QACb,MAAM;AAAA,QACN,YAAY;AAAA,QACZ,WAAW;AAAA,QACX,GAAG;AAAA,MACJ;AAAA,IACD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,gBAAgB,UAAU,WAAW,MAAM,cAAc,OAAO;AAC/D,UAAI,EAAE,0BAA0B,SAAS;AACxC;AAAA,MACD;AAEA,UAAI,CAAC,UAAU,QAAQ;AACtB;AAAA,MACD;AAGA,UAAI,SAAS,gBAAgB,UAAU,SAAS,4CAA4C,GAAG;AAC9F;AAAA,MACD;AAEA,eAAS,wBAAwB,eAAe,UAAU;AACzD,aAAK,kBAAkB,eAAe,UAAU,QAAQ;AAAA,MACzD;AAGA,YAAM,uBAAuB,IAAI;AAAA,QAChC,KAAK,oBAAoB,KAAK,IAAI;AAAA,QAClC,KAAK;AAAA,MACN;AAGA,YAAM,mBAAmB,IAAI,iBAAiB,wBAAwB,KAAK,IAAI,CAAC;AAGhF,YAAM,wBAAwB,IAAI,iBAAiB,KAAK,qBAAqB,KAAK,IAAI,CAAC;AAEvF,eAAS,QAAQ,CAAC,YAAY;AAC7B,YAAI,iBAAiB;AAErB,YAAI,QAAQ,UAAU,SAAS,qBAAqB,GAAG;AACtD,2BAAiB,QAAQ;AAAA,QAC1B;AAEA,6BAAqB,QAAQ,cAAc;AAG3C,YAAI,aAAa;AAChB,gCAAsB,QAAQ,gBAAgB;AAAA,YAC7C,YAAY;AAAA,YACZ,iBAAiB,CAAC,OAAO;AAAA,UAC1B,CAAC;AACD,2BAAiB,QAAQ,gBAAgB;AAAA,YACxC,YAAY;AAAA,YACZ,iBAAiB,CAAC,OAAO;AAAA,UAC1B,CAAC;AAAA,QACF;AAAA,MACD,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,oBAAoB,SAAS,UAAU;AACtC,cAAQ,QAAQ,CAAC,UAAU;AAC1B,YAAI,MAAM,gBAAgB;AACzB,gBAAM,OAAO,UAAU,IAAI,KAAK,QAAQ,WAAW;AAGnD,gBAAM,OAAO,iBAAiB,iBAAiB,EAAE,QAAQ,CAAC,YAAY;AACrE,oBAAQ,UAAU,IAAI,KAAK,QAAQ,WAAW;AAAA,UAC/C,CAAC;AAED,mBAAS,UAAU,MAAM,MAAM;AAAA,QAChC;AAAA,MACD,CAAC;AAAA,IACF;AAAA,IAEA,qBAAqB,SAAS;AAC7B,cAAQ,QAAQ,CAAC,UAAU;AAC1B,YAAI,OAAO,SAAS,cAAc;AACjC,gBAAM,SAAS,MAAM;AAErB,cAAI,CAAC,OAAO,UAAU,SAAS,oBAAoB,GAAG;AACrD,mBAAO,UAAU,IAAI,oBAAoB;AAAA,UAC1C;AAAA,QACD;AAAA,MACD,CAAC;AAAA,IACF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IASA,kBAAkB,SAAS,UAAU,WAAW,MAAM;AACrD,cAAQ,QAAQ,CAAC,UAAU;AAC1B,YAAI,OAAO,SAAS,cAAc;AACjC,gBAAM,SAAS,MAAM;AAGrB,cAAI,YAAY,aAAa,OAAO,aAAa,YAAY,GAAG;AAC/D,gBAAI,OAAO,aAAa,uBAAuB,MAAM,MAAM;AAC1D,qBAAO,aAAa,yBAAyB,IAAI;AAIjD,oCAAsB,MAAM;AAC3B,uBAAO,gBAAgB,uBAAuB;AAAA,cAC/C,CAAC;AAAA,YACF;AAEA,qBAAS,WAAW;AAAA,UACrB;AAAA,QACD;AAAA,MACD,CAAC;AAAA,IACF;AAAA,EACD;;;ACxIA,WAAS,iBAAiB,oBAAoB,MAAM;AACnD,sBAAkB;AAAA,EACnB,CAAC;AAGD,WAAS,iBAAiB,sCAAsC,MAAM;AACrE,sBAAkB;AAAA,EACnB,CAAC;AAGD,WAAS,iBAAiB,mCAAmC,CAAC,UAAU;AACvE,UAAM,WAAW,OAAO,QAAQ;AAChC,sBAAkB,QAAQ;AAAA,EAC3B,CAAC;AAGD,WAAS,iBAAiB,qCAAqC,MAAM;AACpE,sBAAkB;AAAA,EACnB,CAAC;AAMD,WAAS,kBAAkB,WAAW,MAAM;AAC3C,UAAM,cACL,SAAS,KAAK,UAAU,SAAS,mBAAmB,KACpD,QAAQ,QAAQ,KAChB,SAAS,KAAK,UAAU,SAAS,2BAA2B;AAE7D,UAAM,4BAA4B,IAAI,0BAA0B;AAAA,MAC/D,MAAM,cACH,SAAS,cAAc,wCAAwC,IAC/D;AAAA,MACH,WAAW;AAAA,IACZ,CAAC;AAID,0BAAsB,MAAM;AAC3B,YAAM,oBAAoB,MAAM,KAAK,SAAS,uBAAuB,gBAAgB,CAAC;AACtF,gCAA0B,gBAAgB,mBAAmB,UAAU,WAAW;AAAA,IACnF,CAAC;AAAA,EACF;", - "names": [] -} diff --git a/bootstrap.php b/bootstrap.php index 27c9f42..7b7e145 100644 --- a/bootstrap.php +++ b/bootstrap.php @@ -15,7 +15,7 @@ function nfd_wp_module_patterns_register() { // Set Global Constants. if ( ! defined( 'NFD_WONDER_BLOCKS_VERSION' ) ) { - define( 'NFD_WONDER_BLOCKS_VERSION', '0.2.0' ); + define( 'NFD_WONDER_BLOCKS_VERSION', '1.0.0' ); } if ( ! defined( 'NFD_WONDER_BLOCKS_DIR' ) ) { define( 'NFD_WONDER_BLOCKS_DIR', __DIR__ ); diff --git a/build/0.2.0/blocks/block.json b/build/1.0.0/blocks/block.json similarity index 100% rename from build/0.2.0/blocks/block.json rename to build/1.0.0/blocks/block.json diff --git a/build/0.2.0/wonder-blocks.asset.php b/build/1.0.0/wonder-blocks.asset.php similarity index 100% rename from build/0.2.0/wonder-blocks.asset.php rename to build/1.0.0/wonder-blocks.asset.php diff --git a/build/0.2.0/wonder-blocks.css b/build/1.0.0/wonder-blocks.css similarity index 100% rename from build/0.2.0/wonder-blocks.css rename to build/1.0.0/wonder-blocks.css diff --git a/build/0.2.0/wonder-blocks.js b/build/1.0.0/wonder-blocks.js similarity index 100% rename from build/0.2.0/wonder-blocks.js rename to build/1.0.0/wonder-blocks.js diff --git a/package-lock.json b/package-lock.json index ea54f2d..fdff439 100644 --- a/package-lock.json +++ b/package-lock.json @@ -1,12 +1,12 @@ { "name": "@newfold-labs/wp-module-patterns", - "version": "0.1.16", + "version": "1.0.0", "lockfileVersion": 3, "requires": true, "packages": { "": { "name": "@newfold-labs/wp-module-patterns", - "version": "0.1.16", + "version": "1.0.0", "license": "GPL-2.0-or-later", "dependencies": { "@newfold-labs/js-utility-ui-analytics": "1.2.0", diff --git a/package.json b/package.json index 8a1aacf..26d460e 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "@newfold-labs/wp-module-patterns", - "version": "0.2.0", + "version": "1.0.0", "description": "Wonder Blocks", "license": "GPL-2.0-or-later", "private": true,