/* LUMOS Framework — Extracted from Webflow export */ /* Generated by Jayson Framework Extractor */ /* ── Variables ────────────────────────────────── */ :root { --_typography---font--primary-family: "Neulis Neue", sans-serif; --_typography---font--primary-black: 900; --_typography---font--tertiary-family: "Salsita Funk", cursive; --_typography---font--tertiary-regular: 400; --_typography---font--tertiary-trim-top: .33em; --_typography---font--tertiary-trim-bottom: .38em; --_spacing---space--10: clamp(3.5rem, 3.5rem + 2vw, 6rem); --_spacing---space--12: clamp(4rem, 4rem + 2.5vw, 7rem); --_theme---background: var(--swatch--light-400); --_text-style---font-family: var(--_typography---font--secondary-family); --_theme---text: var(--swatch--dark-900); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --site--gutter: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_spacing---space--8: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --radius--main: 1rem; --_theme---background-2: var(--swatch--light-500); --site--column-count: 12; --site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --_responsive---large: 1; --_responsive---medium: 0; --_responsive---small: 0; --_responsive---xsmall: 0; --_spacing---space--6: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_spacing---section-space--main: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_spacing---space--5: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --max-width--small: 50rem; --site--margin: clamp(1 * 1rem, ((1 - ((3 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_gap---size: var(--site--gutter); --_column-count---value: 1; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --border-width--main: .125rem; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_spacing---space--2: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --_spacing---section-space--none: 0px; --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---section-space--page-top: clamp(10 * 1rem, ((10 - ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 14 * 1rem); --max-width--main: 90rem; --max-width--full: 100vw; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_spacing---space--7: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---line-height--small: 1; --_typography---line-height--medium: 1.1; --_typography---line-height--large: 1.3; --_typography---line-height--huge: 1.5; --_typography---letter-spacing--tight: -.03em; --_typography---letter-spacing--normal: 0em; --_theme---heading-accent: var(--swatch--brand-500); --_spacing---space--1: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --_spacing---space--4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font--primary-family: "Neulis Neue", sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 500; --_typography---font--primary-bold: 700; --radius--small: .5rem; --radius--round: 100vw; --_theme---border: var(--swatch--dark-900-o20); --_typography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --swatch--transparent: transparent; --_trigger---on: 1; --_trigger---off: 0; --_theme---button-primary--background: var(--swatch--brand-500); --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_state---false: 0; --_state---true: 1; --focus--offset-inner: calc(var(--focus--width) * -1); --nav--max-width-outer: 0px; --nav--spacing-outer-horizontal: var(--site--margin); --nav--radius: var(--radius--small); --_theme---nav--background: var(--_theme---background-2); --nav--max-width-inner: 0px; --nav--height-total: calc(var(--nav--height) + var(--nav--spacing-outer-vertical)); --nav--spacing-outer-vertical: var(--site--margin); --swatch--dark-900: #1d1d1b; --nav--height: 4rem; --nav--hamburger-thickness: var(--border-width--main); --nav--hamburger-gap: var(--_spacing---space--2); --nav--spacing-inner-horizontal: var(--_spacing---space--5); --focus--width: .125rem; --_theme---text-link--border-hover: var(--_theme---text); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); --site--viewport-max: 90; --_theme---text-2: var(--swatch--dark-900); --site--viewport-min: 20; --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --focus--offset-outer: .1875rem; --swatch--light-100: #fdfbfa; --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent); --swatch--light-200: #fbf8f5; --swatch--dark-800: #2a2a27; --swatch--dark-900-o20: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); --swatch--brand-100: #ffede9; --swatch--brand-200: #ffdcd3; --swatch--brand-400: color-mix(in srgb, var(--swatch--brand-500), white 20%); --swatch--brand-300: #ff8565; --swatch--brand-500: #ff5224; --swatch--brand-900: color-mix(in srgb, var(--swatch--brand-500), black 80%); --swatch--brand-800: #4c180a; --swatch--brand-700: #66200e; --swatch--brand-600: #cc411c; --swatch--brand-text: var(--swatch--dark-900); --swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); --nav--banner-height: 2.4rem; --_typography---font--primary-trim-top: .33em; --_typography---font--primary-trim-bottom: .38em; --_typography---font--secondary-family: "Neulis Neue", sans-serif; --_typography---font--secondary-trim-top: .33em; --_typography---font--secondary-trim-bottom: .38em; --_typography---font--secondary-regular: 400; --_typography---font--secondary-medium: 500; --_typography---font--secondary-bold: 700; --_typography---font-size--text-small: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_typography---font-size--text-main: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_typography---font-size--h6: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_typography---font-size--h5: clamp(1.375 * 1rem, ((1.375 - ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--h4: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_typography---font-size--h3: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---font-size--h2: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---font-size--h1: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_typography---font-size--display: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --radius--large: 1.5rem; --_typography---text-transform--italic: italic; --border-width--thick: .1875rem; --swatch--light-400: #efdece; --swatch--light-600: #5f5852; --swatch--dark-200: #d1d1d1; --swatch--light-700: #47423d; --swatch--orchid-100: #fcf1fb; --swatch--light-300: #f3e7dc; --swatch--orchid-600: #b763b3; --swatch--orchid-200: #f9e4f8; --swatch--dark-100: #e8e8e8; --swatch--gold: #f29100; --swatch--hierba: #12a438; --swatch--red-500: #E20413; --swatch--orchid-800: #442543; --swatch--orchid-700: #5b3159; --swatch--orchid-text: var(--swatch--dark-900); --swatch--light-500: #bfb1a4; --swatch--orchid-300: #eca3e9; --swatch--orchid-500: #e57ce0; --swatch--dark-700: #1d1d1b; --swatch--dark-300: #60605f; --swatch--dark-850: #0b0b0a; --_theme---background: var(--swatch--light-400); --_text-style---font-family: var(--_typography---font--secondary-family); --_theme---text: var(--swatch--dark-900); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --site--gutter: clamp(1 * 1rem, ((1 - ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_spacing---space--8: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --radius--main: 1rem; --_theme---background-2: var(--swatch--light-500); --site--column-count: 12; --site--column-width: calc((min(var(--max-width--main), 100% - var(--site--margin) * 2) - (var(--site--gutter) * (var(--site--column-count) - 1))) / var(--site--column-count)); --_responsive---large: 1; --_responsive---medium: 0; --_responsive---small: 0; --_responsive---xsmall: 0; --_spacing---space--6: clamp(2 * 1rem, ((2 - ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2.5 - 2) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2.5 * 1rem); --_spacing---section-space--main: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_spacing---space--5: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --max-width--small: 50rem; --site--margin: clamp(1 * 1rem, ((1 - ((3 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_gap---size: var(--site--gutter); --_column-count---value: 1; --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_spacing---space--3: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --border-width--main: .125rem; --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_spacing---space--2: clamp(.625 * 1rem, ((.625 - ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.75 - .625) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .75 * 1rem); --_spacing---section-space--none: 0px; --_spacing---section-space--small: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_spacing---section-space--large: clamp(5.5 * 1rem, ((5.5 - ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((10 - 5.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 10 * 1rem); --_spacing---section-space--page-top: clamp(10 * 1rem, ((10 - ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((14 - 10) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 14 * 1rem); --max-width--main: 90rem; --max-width--full: 100vw; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_spacing---space--7: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---line-height--small: 1; --_typography---line-height--medium: 1.1; --_typography---line-height--large: 1.3; --_typography---line-height--huge: 1.5; --_typography---letter-spacing--tight: -.03em; --_typography---letter-spacing--normal: 0em; --_theme---heading-accent: var(--swatch--brand-500); --_spacing---space--1: clamp(.375 * 1rem, ((.375 - ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((.5 - .375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), .5 * 1rem); --_spacing---space--4: clamp(1.25 * 1rem, ((1.25 - ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font--primary-family: "Neulis Neue", sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 500; --_typography---font--primary-bold: 700; --radius--small: .5rem; --radius--round: 100vw; --_theme---border: var(--swatch--dark-900-o20); --_typography---font-size--text-large: clamp(1.125 * 1rem, ((1.125 - ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.25 - 1.125) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.25 * 1rem); --swatch--transparent: transparent; --_trigger---on: 1; --_trigger---off: 0; --_theme---button-primary--background: var(--swatch--brand-500); --_button-style---text: var(--_theme---button-primary--text); --_button-style---text-hover: var(--_theme---button-primary--text-hover); --_button-style---background: var(--_theme---button-primary--background); --_button-style---background-hover: var(--_theme---button-primary--background-hover); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_button-style---border: var(--_theme---button-primary--border); --_button-style---border-hover: var(--_theme---button-primary--border-hover); --_state---false: 0; --_state---true: 1; --focus--offset-inner: calc(var(--focus--width) * -1); --nav--max-width-outer: 0px; --nav--spacing-outer-horizontal: var(--site--margin); --nav--radius: var(--radius--small); --_theme---nav--background: var(--_theme---background-2); --nav--max-width-inner: 0px; --nav--height-total: calc(var(--nav--height) + var(--nav--spacing-outer-vertical)); --nav--spacing-outer-vertical: var(--site--margin); --swatch--dark-900: #1d1d1b; --nav--height: 4rem; --nav--hamburger-thickness: var(--border-width--main); --nav--hamburger-gap: var(--_spacing---space--2); --nav--spacing-inner-horizontal: var(--_spacing---space--5); --focus--width: .125rem; --_theme---text-link--border-hover: var(--_theme---text); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); --site--viewport-max: 90; --_theme---text-2: var(--swatch--dark-900); --site--viewport-min: 20; --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --focus--offset-outer: .1875rem; --swatch--light-100: #fdfbfa; --swatch--light-100-o20: color-mix(in srgb, var(--swatch--light-100) 20%, transparent); --swatch--light-200: #fbf8f5; --swatch--dark-800: #2a2a27; --swatch--dark-900-o20: color-mix(in srgb, var(--swatch--dark-900) 20%, transparent); --swatch--brand-100: #ffede9; --swatch--brand-200: #ffdcd3; --swatch--brand-400: color-mix(in srgb, var(--swatch--brand-500), white 20%); --swatch--brand-300: #ff8565; --swatch--brand-500: #ff5224; --swatch--brand-900: color-mix(in srgb, var(--swatch--brand-500), black 80%); --swatch--brand-800: #4c180a; --swatch--brand-700: #66200e; --swatch--brand-600: #cc411c; --swatch--brand-text: var(--swatch--dark-900); --swatch--brand-text-o20: color-mix(in srgb, var(--swatch--brand-text) 20%, transparent); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); --nav--banner-height: 2.4rem; --_typography---font--primary-trim-top: .33em; --_typography---font--primary-trim-bottom: .38em; --_typography---font--secondary-family: "Neulis Neue", sans-serif; --_typography---font--secondary-trim-top: .33em; --_typography---font--secondary-trim-bottom: .38em; --_typography---font--secondary-regular: 400; --_typography---font--secondary-medium: 500; --_typography---font--secondary-bold: 700; --_typography---font-size--text-small: clamp(.875 * 1rem, ((.875 - ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1 - .875) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1 * 1rem); --_typography---font-size--text-main: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_typography---font-size--h6: clamp(1 * 1rem, ((1 - ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.125 - 1) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.125 * 1rem); --_typography---font-size--h5: clamp(1.375 * 1rem, ((1.375 - ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((1.5 - 1.375) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 1.5 * 1rem); --_typography---font-size--h4: clamp(1.75 * 1rem, ((1.75 - ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((2 - 1.75) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 2 * 1rem); --_typography---font-size--h3: clamp(2.25 * 1rem, ((2.25 - ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((3 - 2.25) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 3 * 1rem); --_typography---font-size--h2: clamp(2.5 * 1rem, ((2.5 - ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((4 - 2.5) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 4 * 1rem); --_typography---font-size--h1: clamp(3 * 1rem, ((3 - ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((5 - 3) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 5 * 1rem); --_typography---font-size--display: clamp(4 * 1rem, ((4 - ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min)) * var(--site--viewport-min))) * 1rem + ((7 - 4) / (var(--site--viewport-max) - var(--site--viewport-min))) * 100vw), 7 * 1rem); --_typography---text-transform--none: var(--text-transform, none); --_typography---text-transform--uppercase: uppercase; --_typography---text-transform--capitalize: capitalize; --_typography---text-transform--lowercase: lowercase; --radius--large: 1.5rem; --_typography---text-transform--italic: italic; --border-width--thick: .1875rem; --swatch--light-400: #efdece; --swatch--light-600: #5f5852; --swatch--dark-200: #d1d1d1; --swatch--light-700: #47423d; --swatch--orchid-100: #fcf1fb; --swatch--light-300: #f3e7dc; --swatch--orchid-600: #b763b3; --swatch--orchid-200: #f9e4f8; --swatch--dark-100: #e8e8e8; --swatch--gold: #f29100; --swatch--green: #12a438; --swatch--orchid-800: #442543; --swatch--orchid-700: #5b3159; --swatch--orchid-text: var(--swatch--dark-900); --swatch--light-500: #bfb1a4; --swatch--orchid-300: #eca3e9; --swatch--orchid-500: #e57ce0; --swatch--dark-700: #1d1d1b; --swatch--dark-300: #60605f; --swatch--dark-850: #0b0b0a; --nav--menu-open-duration: 400ms; --nav--menu-close-duration: 400ms; --nav--dropdown-open-duration: 400ms; --nav--dropdown-close-duration: 400ms; --nav--menu-open-duration: 400ms; --nav--menu-close-duration: 400ms; --nav--dropdown-open-duration: 400ms; --nav--dropdown-close-duration: 400ms; --nav--menu-open-duration: 400ms; --nav--menu-close-duration: 400ms; --nav--dropdown-open-duration: 400ms; --nav--dropdown-close-duration: 400ms; --_theme---background: var(--swatch--light-100); --_text-style---font-family: var(--_typography---font--secondary-family); --_theme---text: var(--swatch--dark-secondary-500); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_gap---size: var(--site--gutter); --site--gutter: 1rem; --_typography---font--primary-family: "Space Grotesk", sans-serif; --_typography---font--primary-regular: 400; --_typography---font--primary-medium: 500; --_typography---font--primary-bold: 700; --_typography---font--secondary-family: "Neulis Neue", sans-serif; --_typography---font--secondary-regular: 300; --_typography---font-size--h3: clamp(2.25rem, 2.25rem + (3 - 2.25) / (90 - 20) * (100vw - 20rem), 3rem); --_typography---line-height--medium: 1.1; --_typography---line-height--huge: 1.5; --_typography---letter-spacing--tight: -0.03em; --_typography---letter-spacing--normal: 0em; --_typography---text-transform--none: none; --_typography---text-transform--uppercase: uppercase; --_spacing---space--4: clamp(1.25rem, 1.25rem + (1.5 - 1.25) / (90 - 20) * (100vw - 20rem), 1.5rem); --swatch--light-100: #e7e9e4; --swatch--dark-secondary-500: #192738; --swatch--dark-900: #111; --site--viewport-max: 90; --site--viewport-min: 20; --nav--menu-open-duration: 400ms; --nav--menu-close-duration: 400ms; --nav--dropdown-open-duration: 400ms; --nav--dropdown-close-duration: 400ms; --nav--menu-open-duration: 400ms; --nav--menu-close-duration: 400ms; --nav--dropdown-open-duration: 400ms; --nav--dropdown-close-duration: 400ms; --nav--menu-open-duration: 400ms; --nav--menu-close-duration: 400ms; --nav--dropdown-open-duration: 400ms; --nav--dropdown-close-duration: 400ms; --nav--menu-open-duration: 400ms; --nav--menu-close-duration: 400ms; --nav--dropdown-open-duration: 400ms; --nav--dropdown-close-duration: 400ms; --nav--menu-open-duration: 400ms; --nav--menu-close-duration: 400ms; --nav--dropdown-open-duration: 400ms; --nav--dropdown-close-duration: 400ms; --nav--menu-open-duration: 400ms; --nav--menu-close-duration: 400ms; --nav--dropdown-open-duration: 400ms; --nav--dropdown-close-duration: 400ms; } /* ── Tag Resets ───────────────────────────────── */ body { min-height: 100vh; line-height: 1.5; font-family: system-ui, -apple-system, sans-serif; } p { margin: 0; } body { background-color: var(--_theme---background); font-family: var(--_text-style---font-family); color: var(--_theme---text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); } h1, h2, h3, h4, h5, h6 { font-style: var(--_text-style---text-style, italic); display: flow-root; } p { display: flow-root; } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } li { display: block; } img { object-fit: cover; width: 100%; max-width: 100%; } strong { font-weight: bold; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } label { display: block; margin-bottom: 5px; font-weight: bold; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } label { display: block; margin-bottom: 5px; font-weight: bold; } body { background-color: var(--_theme---background); font-family: var(--_text-style---font-family); color: var(--_theme---text); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); } h1, h2, h3, h4, h5, h6 { font-style: var(--_text-style---text-style, italic); display: flow-root; } p { display: flow-root; } a { color: inherit; outline-width: var(--focus--width); outline-offset: var(--focus--offset-outer); text-decoration: none; } ul, ol { margin-bottom: 0; padding-left: 0; list-style: ""; } li { display: block; } img { object-fit: cover; width: 100%; max-width: 100%; } strong { font-weight: bold; } blockquote { border-style: none; padding: 0; } figure { margin-bottom: 0; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } label { display: block; margin-bottom: 5px; font-weight: bold; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } body { margin: 0; min-height: 100%; background-color: #fff; font-family: Arial, sans-serif; font-size: 14px; line-height: 20px; color: #333; } img { max-width: 100%; vertical-align: middle; display: inline-block; } html[data-w-dynpage] [data-w-cloak] { color: transparent !important; } h1, h2, h3, h4, h5, h6 { font-weight: bold; margin-bottom: 10px; } h1 { font-size: 38px; line-height: 44px; margin-top: 20px; } h2 { font-size: 32px; line-height: 36px; margin-top: 20px; } h3 { font-size: 24px; line-height: 30px; margin-top: 20px; } h4 { font-size: 18px; line-height: 24px; margin-top: 10px; } h5 { font-size: 14px; line-height: 20px; margin-top: 10px; } h6 { font-size: 12px; line-height: 18px; margin-top: 10px; } p { margin-top: 0; margin-bottom: 10px; } blockquote { margin: 0 0 10px 0; padding: 10px 20px; border-left: 5px solid #E2E2E2; font-size: 18px; line-height: 22px; } figure { margin: 0; margin-bottom: 10px; } figcaption { margin-top: 5px; text-align: center; } ul, ol { margin-top: 0px; margin-bottom: 10px; padding-left: 40px; } label { display: block; margin-bottom: 5px; font-weight: bold; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } ::before, ::after { box-sizing: border-box; } html { background-color: var(--_theme---background); } h1,h2,h3,h4,h5,h6,p,blockquote,label { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; letter-spacing: inherit; text-transform: inherit; text-wrap: inherit; margin-top: 0; margin-bottom: 0; } a:focus-visible, button:focus-visible, [tabindex]:focus-visible, input:focus-visible { outline-color: var(--_theme---text); outline-width: var(--focus--width); outline-style: solid; } /* ── Utility Classes ──────────────────────────── */ /* Override primary font family variable and add black weight + tertiary font */ /* Extended padding utilities */ .u-padding-9 { padding: var(--_spacing---space--9); } .u-padding-10 { padding: var(--_spacing---space--10); } .u-padding-12 { padding: var(--_spacing---space--12); } .u-padding-block-8 { padding-block: var(--_spacing---space--8); } .u-padding-block-10 { padding-block: var(--_spacing---space--10); } .u-padding-block-12 { padding-block: var(--_spacing---space--12); } .u-padding-inline-12 { padding-inline: var(--_spacing---space--12); } /* Gap overlap utility - for elements with borders that need to blend */ .u-gap-overlap { gap: var(--border-width--overlap); } .u-margin-left-overlap { margin-left: var(--border-width--overlap); } /* ===================================================================== TEXT STYLE WEIGHT OVERRIDES Make headings use heavier weights for Neulis Neue ===================================================================== */ /* Display and H1: Use Black (900) for maximum impact */ .u-text-style-display { --_text-style---font-weight: 900; font-weight: 900 !important; } .u-text-style-h1 { --_text-style---font-weight: 900; font-weight: 900 !important; } /* H2: Use Black (900) */ .u-text-style-h2 { --_text-style---font-weight: 900; font-weight: 900 !important; } /* H3: Use Bold (700) */ .u-text-style-h3 { --_text-style---font-weight: 700; font-weight: 700 !important; } /* H4: Use Bold (700) */ .u-text-style-h4 { --_text-style---font-weight: 700; font-weight: 700 !important; } /* H5: Use Bold (700) for menu button and similar elements */ .u-text-style-h5 { --_text-style---font-weight: 700; font-weight: 700 !important; } /* ===================================================================== LIST STYLE ===================================================================== */ .u-list-style-none { list-style: none; } .u-list-style-disc { list-style: disc; } .u-list-style-decimal { list-style: decimal; } .u-list-style-inside { list-style-position: inside; } .u-list-style-outside { list-style-position: outside; } /* ===================================================================== FONT FAMILY ===================================================================== */ .u-font-primary { font-family: var(--_typography---font--primary-family); } .u-font-secondary { font-family: var(--_typography---font--secondary-family); } .u-font-tertiary { font-family: var(--_typography---font--tertiary-family); } /* ===================================================================== TEXT DECORATION ===================================================================== */ .u-text-decoration-none { text-decoration: none; } .u-text-decoration-underline { text-decoration: underline; } .u-text-decoration-line-through { text-decoration: line-through; } /* ===================================================================== CURSOR ===================================================================== */ .u-cursor-auto { cursor: auto; } .u-cursor-default { cursor: default; } .u-cursor-pointer { cursor: pointer; } .u-cursor-grab { cursor: grab; } .u-cursor-grabbing { cursor: grabbing; } .u-cursor-not-allowed { cursor: not-allowed; } .u-cursor-text { cursor: text; } .u-cursor-move { cursor: move; } /* ===================================================================== BORDER WIDTH Uses existing Lumos variables: --border-width--main, --border-width--thick ===================================================================== */ .u-border-none { border: none; } .u-border-main { border: var(--border-width--main) solid var(--_theme---border); } .u-border-thick { border: var(--border-width--thick) solid var(--_theme---border); } /* Directional borders - main width */ .u-border-top-main { border-top: var(--border-width--main) solid var(--_theme---border); } .u-border-right-main { border-right: var(--border-width--main) solid var(--_theme---border); } .u-border-bottom-main { border-bottom: var(--border-width--main) solid var(--_theme---border); } .u-border-left-main { border-left: var(--border-width--main) solid var(--_theme---border); } /* Directional borders - thick width */ .u-border-top-thick { border-top: var(--border-width--thick) solid var(--_theme---border); } .u-border-right-thick { border-right: var(--border-width--thick) solid var(--_theme---border); } .u-border-bottom-thick { border-bottom: var(--border-width--thick) solid var(--_theme---border); } .u-border-left-thick { border-left: var(--border-width--thick) solid var(--_theme---border); } /* Inline/Block borders */ .u-border-block-main { border-block: var(--border-width--main) solid var(--_theme---border); } .u-border-inline-main { border-inline: var(--border-width--main) solid var(--_theme---border); } /* Border colors - using theme swatches */ .u-border-color-inherit { border-color: inherit; } .u-border-color-current { border-color: currentColor; } .u-border-color-brand { border-color: var(--swatch--brand-500); } .u-border-color-light { border-color: var(--swatch--light-400); } .u-border-color-dark { border-color: var(--swatch--dark-900); } .u-border-color-orchid { border-color: var(--swatch--orchid-500); } /* ===================================================================== BORDER RADIUS (extends existing u-radius-*) ===================================================================== */ .u-radius-large { border-radius: var(--radius--large); } /* Directional radius */ .u-radius-top-none { border-top-left-radius: 0; border-top-right-radius: 0; } .u-radius-top-small { border-top-left-radius: var(--radius--small); border-top-right-radius: var(--radius--small); } .u-radius-top-main { border-top-left-radius: var(--radius--main); border-top-right-radius: var(--radius--main); } .u-radius-top-large { border-top-left-radius: var(--radius--large); border-top-right-radius: var(--radius--large); } .u-radius-bottom-none { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .u-radius-bottom-small { border-bottom-left-radius: var(--radius--small); border-bottom-right-radius: var(--radius--small); } .u-radius-bottom-main { border-bottom-left-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); } .u-radius-bottom-large { border-bottom-left-radius: var(--radius--large); border-bottom-right-radius: var(--radius--large); } .u-radius-left-none { border-top-left-radius: 0; border-bottom-left-radius: 0; } .u-radius-left-main { border-top-left-radius: var(--radius--main); border-bottom-left-radius: var(--radius--main); } .u-radius-right-none { border-top-right-radius: 0; border-bottom-right-radius: 0; } .u-radius-right-main { border-top-right-radius: var(--radius--main); border-bottom-right-radius: var(--radius--main); } /* ===================================================================== BOX SHADOW ===================================================================== */ .u-shadow-none { box-shadow: none; } .u-shadow-small { box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); } .u-shadow-main { box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12); } .u-shadow-large { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); } .u-shadow-xl { box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2); } /* Inset shadows */ .u-shadow-inset-small { box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.1); } .u-shadow-inset-main { box-shadow: inset 0 4px 8px rgba(0, 0, 0, 0.12); } /* ===================================================================== TRANSITION ===================================================================== */ .u-transition-none { transition: none; } .u-transition-all-fast { transition: all 0.15s ease; } .u-transition-all-main { transition: all 0.2s ease; } .u-transition-all-slow { transition: all 0.3s ease; } .u-transition-color-fast { transition: color 0.15s ease; } .u-transition-color-main { transition: color 0.2s ease; } .u-transition-color-slow { transition: color 0.3s ease; } .u-transition-opacity-fast { transition: opacity 0.15s ease; } .u-transition-opacity-main { transition: opacity 0.2s ease; } .u-transition-opacity-slow { transition: opacity 0.3s ease; } .u-transition-transform-fast { transition: transform 0.15s ease; } .u-transition-transform-main { transition: transform 0.2s ease; } .u-transition-transform-slow { transition: transform 0.3s ease; } .u-transition-background-main { transition: background-color 0.2s ease; } /* ===================================================================== TRANSFORM ===================================================================== */ .u-transform-none { transform: none; } /* Scale */ .u-scale-95 { transform: scale(0.95); } .u-scale-100 { transform: scale(1); } .u-scale-105 { transform: scale(1.05); } .u-scale-110 { transform: scale(1.1); } /* Translate Y */ .u-translate-y-0 { transform: translateY(0); } .u-translate-y-up-1 { transform: translateY(calc(var(--_spacing---space--1) * -1)); } .u-translate-y-up-2 { transform: translateY(calc(var(--_spacing---space--2) * -1)); } .u-translate-y-up-3 { transform: translateY(calc(var(--_spacing---space--3) * -1)); } .u-translate-y-down-1 { transform: translateY(var(--_spacing---space--1)); } .u-translate-y-down-2 { transform: translateY(var(--_spacing---space--2)); } /* Rotate */ .u-rotate-0 { transform: rotate(0deg); } .u-rotate-45 { transform: rotate(45deg); } .u-rotate-90 { transform: rotate(90deg); } .u-rotate-180 { transform: rotate(180deg); } /* ===================================================================== MAX WIDTH ===================================================================== */ .u-max-width-25 { max-width: 25%; } .u-max-width-33 { max-width: 33.333%; } .u-max-width-50 { max-width: 50%; } .u-max-width-66 { max-width: 66.666%; } .u-max-width-75 { max-width: 75%; } /* Fixed max-widths using spacing scale */ .u-max-width-prose { max-width: 65ch; } .u-max-width-small { max-width: 24rem; } .u-max-width-main { max-width: 32rem; } .u-max-width-large { max-width: 48rem; } .u-max-width-xl { max-width: 64rem; } /* ===================================================================== MIN HEIGHT ===================================================================== */ .u-min-height-0 { min-height: 0; } .u-min-height-full { min-height: 100%; } .u-min-height-25vh { min-height: 25vh; } .u-min-height-50vh { min-height: 50vh; } .u-min-height-75vh { min-height: 75vh; } /* ===================================================================== SIZING (width/height using rem) ===================================================================== */ .u-size-4 { width: 1rem; height: 1rem; } .u-size-5 { width: 1.25rem; height: 1.25rem; } .u-size-6 { width: 1.5rem; height: 1.5rem; } .u-size-8 { width: 2rem; height: 2rem; } .u-size-10 { width: 2.5rem; height: 2.5rem; } .u-size-12 { width: 3rem; height: 3rem; } .u-size-16 { width: 4rem; height: 4rem; } /* ===================================================================== FONT STYLE ===================================================================== */ .u-font-style-normal { font-style: normal; } .u-font-style-italic { font-style: italic; } /* ===================================================================== BACKGROUND COLOR (using theme swatches) ===================================================================== */ .u-bg-transparent { background-color: transparent; } .u-bg-current { background-color: currentColor; } .u-bg-inherit { background-color: inherit; } .u-bg-brand { background-color: var(--swatch--brand-500); } .u-bg-orchid { background-color: var(--swatch--orchid-500); } .u-bg-gold { background-color: var(--swatch--gold); } .u-bg-hierba { background-color: var(--swatch--hierba); } .u-bg-light-100 { background-color: var(--swatch--light-100); } .u-bg-light-200 { background-color: var(--swatch--light-200); } .u-bg-light-300 { background-color: var(--swatch--light-300); } .u-bg-light-400 { background-color: var(--swatch--light-400); } .u-bg-dark-700 { background-color: var(--swatch--dark-700); } .u-bg-dark-800 { background-color: var(--swatch--dark-800); } .u-bg-dark-900 { background-color: var(--swatch--dark-900); } /* ===================================================================== TEXT COLOR (using theme swatches) ===================================================================== */ .u-text-brand { color: var(--swatch--brand-500); } .u-text-orchid { color: var(--swatch--orchid-500); } .u-text-gold { color: var(--swatch--gold); } .u-text-hierba { color: var(--swatch--hierba); } .u-text-light-100 { color: var(--swatch--light-100); } .u-text-light-200 { color: var(--swatch--light-200); } .u-text-light-400 { color: var(--swatch--light-400); } .u-text-dark-700 { color: var(--swatch--dark-700); } .u-text-dark-800 { color: var(--swatch--dark-800); } .u-text-dark-900 { color: var(--swatch--dark-900); } /* ===================================================================== USER SELECT ===================================================================== */ .u-select-none { user-select: none; -webkit-user-select: none; } .u-select-text { user-select: text; -webkit-user-select: text; } .u-select-all { user-select: all; -webkit-user-select: all; } .u-select-auto { user-select: auto; -webkit-user-select: auto; } /* ===================================================================== POINTER EVENTS ===================================================================== */ .u-pointer-events-none { pointer-events: none; } .u-pointer-events-auto { pointer-events: auto; } /* ===================================================================== SCROLL BEHAVIOR ===================================================================== */ .u-scroll-smooth { scroll-behavior: smooth; } .u-scroll-auto { scroll-behavior: auto; } /* Hide scrollbar */ .u-scrollbar-hide { scrollbar-width: none; -ms-overflow-style: none; } .u-scrollbar-hide::-webkit-scrollbar { display: none; } /* ===================================================================== OVERFLOW-X / OVERFLOW-Y (extends existing u-overflow-*) ===================================================================== */ .u-overflow-x-hidden { overflow-x: hidden; } .u-overflow-x-scroll { overflow-x: scroll; } .u-overflow-y-hidden { overflow-y: hidden; } .u-overflow-y-scroll { overflow-y: scroll; } /* ===================================================================== OPACITY ===================================================================== */ .u-opacity-0 { opacity: 0; } .u-opacity-25 { opacity: 0.25; } .u-opacity-50 { opacity: 0.5; } .u-opacity-75 { opacity: 0.75; } .u-opacity-100 { opacity: 1; } /* ===================================================================== VISIBILITY ===================================================================== */ .u-visible { visibility: visible; } .u-invisible { visibility: hidden; } /* ===================================================================== HOVER STATES Common hover patterns for interactive elements ===================================================================== */ .u-hover-color-brand:hover { color: var(--swatch--brand-500); } .u-hover-color-orchid:hover { color: var(--swatch--orchid-500); } .u-hover-opacity-75:hover { opacity: 0.75; } .u-hover-scale-105:hover { transform: scale(1.05); } .u-hover-translate-y-up-1:hover { transform: translateY(calc(var(--_spacing---space--1) * -1)); } .u-hover-shadow-large:hover { box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15); } /* ===================================================================== ASPECT RATIO ===================================================================== */ .u-aspect-square { aspect-ratio: 1 / 1; } .u-aspect-video { aspect-ratio: 16 / 9; } .u-aspect-portrait { aspect-ratio: 3 / 4; } .u-aspect-landscape { aspect-ratio: 4 / 3; } /* ===================================================================== OBJECT FIT ===================================================================== */ .u-object-cover { object-fit: cover; } .u-object-contain { object-fit: contain; } .u-object-fill { object-fit: fill; } .u-object-none { object-fit: none; } /* Object position */ .u-object-center { object-position: center; } .u-object-top { object-position: top; } .u-object-bottom { object-position: bottom; } /* Allow smart text sizing items to be natural width */ .marquee_list > .u-text-fill-width, .marquee_list > [data-auto-duplicate] { width: auto !important; flex: 0 0 auto; } .u-text-fill-width { white-space: nowrap !important; line-height: 1 !important; } @font-face { font-family: Salsita Funk; src: url('../assets/resources/fonts/Salsita-Funk.woff2') format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } .u-layout-wrapper { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--8); justify-content: center; align-items: stretch; width: 100%; display: flex; } .u-layout-wrapper[data-style="contain"], .u-layout-wrapper[data-style="contain-reversed"] { grid-column-gap: 0rem; grid-row-gap: 0rem; border-radius: var(--radius--main); background-color: var(--_theme---background-2); position: relative; overflow: clip; } .u-layout-wrapper[data-style="breakout"], .u-layout-wrapper[data-style="breakout-reversed"] { grid-column-gap: var(--site--gutter); flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .u-layout-wrapper[data-style="full"], .u-layout-wrapper[data-style="full-reversed"] { grid-column-gap: 0rem; grid-row-gap: 0rem; } .u-layout-wrapper[data-style="card"] { border-radius: var(--radius--main); background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-400); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-2: var(--swatch--brand-500); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text-2); --_theme---button-primary--border-hover: var(--_theme---background-2); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); overflow: clip; } .u-layout { grid-column-gap: inherit; grid-row-gap: inherit; flex-flow: column; grid-template-rows: auto; grid-auto-columns: 1fr; width: 100%; display: flex; } .u-layout[data-style="contain"], .u-layout[data-style="contain-reversed"] { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .u-layout[data-style="breakout"], .u-layout[data-style="breakout-reversed"] { grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end]; width: calc(100vw * var(--_responsive---large) + 100% * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall))); display: var(--flex-medium, grid); flex-flow: column; flex: none; justify-content: flex-start; align-items: center; } .u-layout:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325), .u-layout:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .u-layout[data-style="card"] { flex-flow: column; justify-content: center; align-items: stretch; min-height: 26rem; display: flex; position: relative; } .u-layout[data-style="full"], .u-layout[data-style="full-reversed"] { display: var(--flex-medium, grid); flex-flow: column; flex: none; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100vw; } .u-layout:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .u-layout-column-1 { align-self: center; width: 100%; position: relative; } .u-layout-column-1[data-style="contain"], .u-layout-column-1[data-style="contain-reversed"] { padding: var(--_spacing---space--6); } .u-layout-column-1[data-style="breakout"] { padding-top: calc(var(--_spacing---space--6) * var(--_responsive---large)); padding-bottom: calc(var(--_spacing---space--6) * var(--_responsive---large)); grid-column: 2 / span 5; } .u-layout-column-1[data-style="breakout-reversed"] { padding-top: calc(var(--_spacing---space--6) * var(--_responsive---large)); padding-bottom: calc(var(--_spacing---space--6) * var(--_responsive---large)); grid-column: 9 / span 5; } .u-layout-column-1:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c) { text-align: center; justify-content: center; align-items: center; } .u-layout-column-1[data-style="card"] { z-index: 1; padding-top: var(--_spacing---section-space--main); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---section-space--main); padding-left: var(--_spacing---space--5); text-align: center; justify-content: center; align-items: center; position: relative; } .u-layout-column-1[data-style="full"], .u-layout-column-1[data-style="full-reversed"] { max-width: var(--max-width--small); padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); width: calc(100% - var(--site--margin) * 2); margin-left: auto; margin-right: auto; } .u-layout-column-1:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325) { text-align: var(--center-medium, start); align-items: var(--center-medium, start); justify-content: var(--center-medium, start); } .u-layout-column-1:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) { align-items: var(--center-medium, start); justify-content: var(--center-medium, start); text-align: var(--center-medium, start); } .u-layout-column-1:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { top: calc(12rem * var(--_responsive---large) + 0rem * var(--_responsive---medium)); position: var(--relative-medium, sticky); align-self: start; } .u-layout-column-2 { aspect-ratio: 16 / 9; border-radius: var(--radius--main); width: 100%; height: 100%; position: relative; overflow: clip; } .u-layout-column-2:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) { aspect-ratio: 16 / 9; grid-row-start: 1; grid-column-start: 1; overflow: clip; } .u-layout-column-2[data-style="contain-reversed"] { aspect-ratio: 16 / 9; border-radius: 0; grid-row-start: 1; grid-column-start: 1; overflow: clip; } .u-layout-column-2[data-style="breakout"] { aspect-ratio: 16 / 9; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: calc(var(--radius--main) * var(--_responsive---large)); border-bottom-left-radius: calc(var(--radius--main) * var(--_responsive---large)); width: calc(100% * var(--_responsive---large) + 100vw * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall))); grid-column: 8 / full; overflow: clip; } .u-layout-column-2[data-style="breakout-reversed"] { aspect-ratio: 16 / 9; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: calc(var(--radius--main) * var(--_responsive---large)); border-bottom-right-radius: calc(var(--radius--main) * var(--_responsive---large)); width: calc(100% * var(--_responsive---large) + 100vw * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall))); grid-column: full / span 7; grid-row-start: 1; overflow: clip; } .u-layout-column-2[data-style="card"] { aspect-ratio: auto; opacity: .5; pointer-events: none; border-radius: 0; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: visible; } .u-layout-column-2[data-style="full-reversed"] { aspect-ratio: 1; border-radius: 0; grid-row-start: 1; grid-column-start: 1; overflow: clip; } .u-layout-column-2[data-style="full"] { aspect-ratio: 1; border-radius: 0; overflow: clip; } .u-layout-column-2[data-style="contain"] { aspect-ratio: 16 / 9; border-radius: 0; overflow: clip; } .u-layout-column-2:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c), .u-layout-column-2:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325), .u-layout-column-2:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { aspect-ratio: 16 / 9; overflow: clip; } .u-grid-wrapper { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); width: 100%; display: flex; } .u-grid-wrapper:where(.w-variant-b8204f2e-764d-b421-dc96-2c59d3054271) { container-type: inline-size; } .u-grid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); grid-column-gap: inherit; grid-row-gap: inherit; flex-flow: column; width: 100%; display: grid; } .u-grid:where(.w-variant-d58244bf-290f-ebb3-3aa0-352d6fa8e84f) { grid-template-columns: repeat(auto-fit, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .u-grid:where(.w-variant-129319ac-a2cd-9e88-2ebd-a33b4bb85fa5) { grid-template-columns: repeat(auto-fill, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .u-content-wrapper { text-align: start; justify-content: start; align-items: start; width: 100%; } .u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) { text-align: center; justify-content: center; align-items: center; } .u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) { text-align: end; justify-content: end; align-items: end; } .u-content-wrapper:where(.w-variant-e98b91c1-a8bf-9b6d-a119-f398c9e3f46b) { text-align: var(--center-medium, start); align-items: var(--center-medium, start); justify-content: var(--center-medium, start); } .u-background-slot { pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .u-video { aspect-ratio: 2; background-color: var(--_theme---background-skeleton); width: 100%; height: 100%; } .u-video:where(.w-variant-db26956a-7929-76af-05b0-02971cbab2f4) { width: 100%; height: 100%; position: absolute; inset: 0%; aspect-ratio: unset !important; } .u-video:where(.w-variant-0b00a75a-35ba-66c2-fce0-21c117d62ce0) { aspect-ratio: 16 / 9; } .u-video:where(.w-variant-a9490bed-5b56-7b46-8413-993d16d77e88) { aspect-ratio: 3 / 2; } .u-video:where(.w-variant-ec7f8a9f-99ac-b5a5-140b-730400a62670) { aspect-ratio: 1; } .u-video:where(.w-variant-8157ca33-45d5-df1a-bd25-894298c8e117) { aspect-ratio: 5 / 4; } .u-video:where(.w-variant-f3f45657-6a73-93f9-25db-a80af56ad72a) { aspect-ratio: 4 / 5; } .u-video:where(.w-variant-c3ccbb6c-6fa7-1113-0f2e-08b77dffca68) { aspect-ratio: 2 / 3; } .u-image-wrapper { aspect-ratio: 2; background-color: var(--_theme---background-skeleton); object-fit: cover; width: 100%; height: 100%; position: relative; overflow: clip; } .u-image-wrapper[data-style="cover"] { width: 100%; height: 100%; position: absolute; inset: 0%; aspect-ratio: unset !important; } .u-image-wrapper:where(.w-variant-a5f35569-5171-ee3d-f7bb-c5b2372249ac) { aspect-ratio: 1; } .u-image-wrapper[data-style="wide-16-9"] { aspect-ratio: 16 / 9; } .u-image-wrapper:where(.w-variant-a93327ec-aace-62d3-860b-21ee12acd25a) { aspect-ratio: 2 / 3; } .u-image-wrapper:where(.w-variant-57c7d8f5-d942-5de8-0712-e12fff699502) { aspect-ratio: 3 / 2; } .u-image-wrapper:where(.w-variant-35ea7d22-774e-1ba9-1dcc-8a392636f83d) { aspect-ratio: 4 / 5; } .u-image-wrapper:where(.w-variant-8e41429f-9f9e-7697-357e-815bd3e59383) { aspect-ratio: 5 / 4; } .u-image { object-position: calc(var(--x, 50) * 1%) calc(var(--y, 50) * 1%); object-fit: inherit; height: 100%; display: block; position: absolute; inset: 0%; } .u-iframe-wrapper { aspect-ratio: 16 / 9; position: relative; } .u-iframe { border: none; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .u-overlay { background-color: color-mix(in srgb, black calc(var(--number) / 100 * 80%), transparent); width: 100%; height: 100%; position: absolute; inset: 0%; } .u-overlay:where(.w-variant-9653c0cc-21fc-fb82-1373-c98b1644e5a8) { background-image: linear-gradient(#0000, #0000009e 84%); background-color: color-mix(in srgb, black calc(var(--number) / 100 * 60%), transparent); } .u-eyebrow-wrapper { margin-bottom: var(--_spacing---space--5); justify-content: inherit; display: flex; } .u-eyebrow-layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); vertical-align: baseline; display: inline-flex; } .u-eyebrow-marker { width: var(--border-width--main); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .u-eyebrow-text { margin-top: 0; margin-bottom: 0; } .u-text { margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); justify-content: center; align-items: inherit; max-width: calc(var(--number) * 1ch); flex-flow: column; min-width: 100%; display: flex; } .u-text:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029), .u-text:where(.w-variant-fe6f474d-1651-566b-eeff-3c86e8cbf153) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-26cc9f23-e71c-deee-cd61-36dc24f35fae) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-c8b8ac88-1ac7-e9f6-41cc-82c548bf142d) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-47e40b0d-02af-2673-f429-546cac42dc5a) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-12e93187-f8ac-b1a1-2e50-59d85a6bf516) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-f196774e-dbfd-d1b4-1196-b3e824fc5f7d) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-7bfbf33b-fb56-d8df-e2d2-8fe65a7f2e44) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-9af60b09-c3a1-8c2a-eb78-8e29460ca7a9) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-83c598b0-8cc2-f955-1996-fcb8fb10bf70) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-8ee37a78-065b-6879-973d-319c65e28313) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-823daff2-fd84-8da0-4ed1-92a39b869ad0) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text[data-style="h4"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text[data-style="h3"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text[data-style="h2"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text[data-style="h1"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text[data-style="display"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-button-wrapper { margin-top: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: inherit; flex-flow: wrap; display: flex; } .u-section { background-color: var(--_theme---background); color: var(--_theme---text); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .u-section:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) { --_theme---background: var(--swatch--light-400); --_theme---text: var(--swatch--dark-900); --_theme---background-2: var(--swatch--light-500); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--dark-900); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-section[data-style="dark"] { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-400); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-2: var(--swatch--brand-500); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text-2); --_theme---button-primary--border-hover: var(--_theme---background-2); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--light-400); --_theme---text: var(--swatch--dark-900); --_theme---background-2: var(--swatch--light-500); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--dark-900); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-400); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-2: var(--swatch--brand-500); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text-2); --_theme---button-primary--border-hover: var(--_theme---background-2); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-section[data-style="brand"] { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--brand-700); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--brand-text); --_theme---heading-accent-2: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .u-section-spacer[data-style="main"] { height: var(--_spacing---section-space--main); } .u-section-spacer:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--large); } .u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .u-section-spacer[data-style="page-top"] { height: var(--_spacing---section-space--page-top); } .u-container { z-index: 1; max-width: var(--max-width--main); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-container-small { z-index: 1; max-width: var(--max-width--small); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--full); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .u-svg[data-style="left"] { transform: rotate(-180deg); } .u-svg:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) { transform: rotate(-90deg); } .u-svg:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) { transform: rotate(90deg); } .u-svg:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) { transform: rotate(-180deg); } .u-svg:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) { transform: rotate(-90deg); } .u-svg[data-style="bottom"] { transform: rotate(90deg); } .u-path { stroke-width: var(--border-width--main); stroke: currentColor; vector-effect: non-scaling-stroke; } .u-embed-css, .u-embed-js { display: none; } .u-theme-light { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--light-400); --_theme---text: var(--swatch--dark-900); --_theme---background-2: var(--swatch--light-500); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--dark-900); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-400); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-2: var(--swatch--brand-500); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text-2); --_theme---button-primary--border-hover: var(--_theme---background-2); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-theme-brand { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--brand-700); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--brand-text); --_theme---heading-accent-2: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-text-style-display { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h1 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h2 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h3 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h4 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h5 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h6 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-large { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-main { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-rich-text { text-wrap: var(--_text-style---text-wrap); align-items: inherit; justify-content: inherit; } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: inherit; flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .u-rich-text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: inherit; flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .u-rich-text figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-line-height-small { line-height: var(--_typography---line-height--small); } .u-line-height-medium { line-height: var(--_typography---line-height--medium); } .u-line-height-large { line-height: var(--_typography---line-height--large); } .u-line-height-huge { line-height: var(--_typography---line-height--huge); } .u-letter-spacing-tight { letter-spacing: var(--_typography---letter-spacing--tight); } .u-letter-spacing-normal { letter-spacing: var(--_typography---letter-spacing--normal); } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-heading-accent strong { color: var(--_theme---heading-accent); font-weight: inherit; } .u-flex-horizontal-wrap { align-content: center; align-items: center; justify-content: inherit; flex-flow: wrap; display: flex; } .u-flex-vertical-nowrap { justify-content: center; align-items: inherit; flex-flow: column; display: flex; } .u-flex-horizontal-nowrap { align-content: center; align-items: center; justify-content: inherit; flex-flow: row; display: flex; } .u-flex-vertical-wrap { justify-content: center; align-items: inherit; flex-flow: column wrap; display: flex; } .u-flex-grow { flex: 1; } .u-flex-shrink { flex: 0 auto; } .u-flex-noshrink { flex: none; } .u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-grid-subgrid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .u-grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-autofill { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fill, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-breakout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end]; display: grid; } .u-align-self-inherit { align-self: inherit; } .u-align-self-start { align-self: flex-start; } .u-align-self-center { align-self: center; } .u-align-self-end { align-self: flex-end; } .u-align-self-stretch { align-self: stretch; } .u-align-items-stretch { align-items: stretch; } .u-align-items-start { align-items: flex-start; } .u-align-items-center { align-items: center; } .u-align-items-end { align-items: flex-end; } .u-align-items-inherit { align-items: inherit; } .u-justify-content-start { justify-content: flex-start; } .u-justify-content-center { justify-content: center; } .u-justify-content-end { justify-content: flex-end; } .u-justify-content-between { justify-content: space-between; } .u-justify-content-around { justify-content: space-around; } .u-justify-content-inherit { justify-content: inherit; } .u-color-inherit { color: inherit; } .u-color-faded { color: color-mix(in srgb, currentColor 70%, transparent); } .u-background-transparent { background-color: #0000; } .u-background-1 { background-color: var(--_theme---background); } .u-background-2 { background-color: var(--_theme---background-2); } .u-background-skeleton { background-color: var(--_theme---background-skeleton); } .u-gap-0 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: 0rem; } .u-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .u-gap-1 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--1); } .u-gap-2 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .u-gap-gutter { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); } .u-gap-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); } .u-gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .u-gap-5 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--5); } .u-gap-6 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--6); } .u-gap-7 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--7); } .u-gap-8 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .u-gap-row-0 { grid-row-gap: 0rem; } .u-gap-row-inherit { grid-row-gap: inherit; } .u-gap-row-1 { grid-row-gap: var(--_spacing---space--1); } .u-gap-row-2 { grid-row-gap: var(--_spacing---space--2); } .u-gap-row-gutter { grid-row-gap: var(--site--gutter); } .u-gap-row-3 { grid-row-gap: var(--_spacing---space--3); } .u-gap-row-4 { grid-row-gap: var(--_spacing---space--4); } .u-gap-row-5 { grid-row-gap: var(--_spacing---space--5); } .u-gap-row-6 { grid-row-gap: var(--_spacing---space--6); } .u-gap-row-7 { grid-row-gap: var(--_spacing---space--7); } .u-gap-row-8 { grid-row-gap: var(--_spacing---space--8); } .u-margin-top-auto { margin-top: auto; } .u-margin-top-0 { margin-top: 0; } .u-margin-top-gutter { margin-top: var(--site--gutter); } .u-margin-top-text { margin-top: var(--_text-style---margin-top); } .u-margin-top-1 { margin-top: var(--_spacing---space--1); } .u-margin-top-2 { margin-top: var(--_spacing---space--2); } .u-margin-top-3 { margin-top: var(--_spacing---space--3); } .u-margin-top-4 { margin-top: var(--_spacing---space--4); } .u-margin-top-5 { margin-top: var(--_spacing---space--5); } .u-margin-top-6 { margin-top: var(--_spacing---space--6); } .u-margin-top-7 { margin-top: var(--_spacing---space--7); } .u-margin-top-8 { margin-top: var(--_spacing---space--8); } .u-margin-bottom-auto { margin-bottom: auto; } .u-margin-bottom-0 { margin-bottom: 0; } .u-margin-bottom-gutter { margin-bottom: var(--site--gutter); } .u-margin-bottom-text { margin-bottom: var(--_text-style---margin-bottom); } .u-margin-bottom-1 { margin-bottom: var(--_spacing---space--1); } .u-margin-bottom-2 { margin-bottom: var(--_spacing---space--2); } .u-margin-bottom-3 { margin-bottom: var(--_spacing---space--3); } .u-margin-bottom-4 { margin-bottom: var(--_spacing---space--4); } .u-margin-bottom-5 { margin-bottom: var(--_spacing---space--5); } .u-margin-bottom-6 { margin-bottom: var(--_spacing---space--6); } .u-margin-bottom-7 { margin-bottom: var(--_spacing---space--7); } .u-margin-bottom-8 { margin-bottom: var(--_spacing---space--8); } .u-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-medium); } .u-weight-bold { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-bold); } .u-min-height-screen { min-height: 100svh; } .u-column-span-full { grid-column: 1 / -1; } .u-column-span-indent { grid-column: 2 / -2; } .u-column-span-1 { grid-column-end: span 1; } .u-column-span-2 { grid-column-end: span 2; } .u-column-span-3 { grid-column-end: span 3; } .u-column-span-4 { grid-column-end: span 4; } .u-column-span-5 { grid-column-end: span 5; } .u-column-span-6 { grid-column-end: span 6; } .u-column-span-7 { grid-column-end: span 7; } .u-column-span-8 { grid-column-end: span 8; } .u-column-span-9 { grid-column-end: span 9; } .u-column-span-10 { grid-column-end: span 10; } .u-column-span-11 { grid-column-end: span 11; } .u-column-span-12 { grid-column-end: span 12; } .u-alignment-start { text-align: start !important; justify-content: start !important; align-items: start !important; } .u-alignment-center { text-align: center !important; justify-content: center !important; align-items: center !important; } .u-alignment-end { text-align: end !important; justify-content: end !important; align-items: end !important; } .u-text-transform-none { text-transform: none; } .u-text-transform-uppercase { text-transform: uppercase; } .u-text-transform-capitalize { text-transform: capitalize; } .u-text-transform-lowercase { text-transform: lowercase; } .u-text-wrap-default { text-wrap: wrap; } .u-text-wrap-balance { text-wrap: balance; } .u-text-wrap-pretty { text-wrap: pretty; } .u-max-width-none { max-width: none; } .u-max-width-full { max-width: 100%; } .u-radius-none { border-radius: 0; } .u-radius-inherit { border-radius: inherit; } .u-radius-small { border-radius: var(--radius--small); } .u-radius-main { border-radius: var(--radius--main); } .u-radius-round { border-radius: var(--radius--round); } .u-overflow-visible { overflow: visible; } .u-overflow-hidden { overflow: hidden; } .u-overflow-clip { overflow: clip; } .u-overflow-x-auto { overflow: auto clip; } .u-overflow-y-auto { overflow: clip auto; } .u-overflow-hidden-left { -webkit-clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-display-inline-flex { display: inline-flex; } .u-display-inline-grid { display: inline-grid; } .u-display-contents { display: contents; } .u-display-none { display: none; } .u-zindex-negative { z-index: -1; position: relative; } .u-zindex-0 { z-index: 0; position: relative; } .u-zindex-unset { z-index: unset; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-2 { z-index: 2; position: relative; } .u-zindex-3 { z-index: 3; position: relative; } .u-position-static { position: static; } .u-position-relative { position: relative; } .u-position-absolute { position: absolute; } .u-position-sticky { position: sticky; top: 0; } .u-position-fixed { position: fixed; } .u-height-full { height: 100%; } .u-height-auto { height: auto; } .u-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-width-auto { width: auto; } .u-min-width-auto { min-width: auto; } .u-pointer-on { pointer-events: auto; } .u-pointer-off { pointer-events: none; } .u-ratio-1-1 { aspect-ratio: 1; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .u-ratio-3-2 { aspect-ratio: 3 / 2; } .u-ratio-2-3 { aspect-ratio: 2 / 3; } .u-ratio-2-1 { aspect-ratio: 2; } .u-ratio-5-4 { aspect-ratio: 5 / 4; } .u-ratio-4-5 { aspect-ratio: 4 / 5; } .u-margin-inline-auto { margin-left: auto; margin-right: auto; } .u-order-first { order: -1; } .u-order-last { order: 1; } .u-object-fit-cover { object-fit: cover; } .u-object-fit-contain { object-fit: contain; } .u-padding-sitemargin { padding: var(--site--margin); } .u-padding-gutter { padding: var(--site--gutter); } .u-padding-0 { padding: 0; } .u-padding-1 { padding: var(--_spacing---space--1); } .u-padding-2 { padding: var(--_spacing---space--2); } .u-padding-3 { padding: var(--_spacing---space--3); } .u-padding-4 { padding: var(--_spacing---space--4); } .u-padding-5 { padding: var(--_spacing---space--5); } .u-padding-6 { padding: var(--_spacing---space--6); } .u-padding-7 { padding: var(--_spacing---space--7); } .u-padding-8 { padding: var(--_spacing---space--8); } .u-padding-small { padding: var(--_spacing---section-space--small); } .u-padding-main { padding: var(--_spacing---section-space--main); } .u-padding-large { padding: var(--_spacing---section-space--large); } .u-padding-block-sitemargin { padding-top: var(--site--margin); padding-bottom: var(--site--margin); } .u-padding-block-gutter { padding-top: var(--site--gutter); padding-bottom: var(--site--gutter); } .u-padding-block-0 { padding-top: 0; padding-bottom: 0; } .u-padding-block-1 { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); } .u-padding-block-2 { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .u-padding-block-3 { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); } .u-padding-block-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .u-padding-block-5 { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); } .u-padding-block-6 { padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); } .u-padding-block-7 { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); } .u-padding-block-8 { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--8); } .u-padding-block-small { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .u-padding-block-main { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .u-padding-block-large { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .u-padding-inline-sitemargin { padding-right: var(--site--margin); padding-left: var(--site--margin); } .u-padding-inline-gutter { padding-right: var(--site--gutter); padding-left: var(--site--gutter); } .u-padding-inline-0 { padding-left: 0; padding-right: 0; } .u-padding-inline-1 { padding-right: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); } .u-padding-inline-2 { padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .u-padding-inline-3 { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .u-padding-inline-4 { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .u-padding-inline-5 { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .u-padding-inline-6 { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); } .u-padding-inline-7 { padding-right: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); } .u-padding-inline-8 { padding-right: var(--_spacing---space--8); padding-left: var(--_spacing---space--8); } .u-padding-top-sitemargin { padding-top: var(--site--margin); } .u-padding-top-gutter { padding-top: var(--site--gutter); } .u-padding-top-0 { padding-top: 0; } .u-padding-top-1 { padding-top: var(--_spacing---space--1); } .u-padding-top-2 { padding-top: var(--_spacing---space--2); } .u-padding-top-3 { padding-top: var(--_spacing---space--3); } .u-padding-top-4 { padding-top: var(--_spacing---space--4); } .u-padding-top-5 { padding-top: var(--_spacing---space--5); } .u-padding-top-6 { padding-top: var(--_spacing---space--6); } .u-padding-top-7, .u-padding-top-8 { padding-top: var(--_spacing---space--7); } .u-padding-top-small { padding-top: var(--_spacing---section-space--small); } .u-padding-top-main { padding-top: var(--_spacing---section-space--main); } .u-padding-top-large { padding-top: var(--_spacing---section-space--large); } .u-padding-bottom-sitemargin { padding-bottom: var(--site--margin); } .u-padding-bottom-gutter { padding-bottom: var(--site--gutter); } .u-padding-bottom-0 { padding-bottom: 0; } .u-padding-bottom-1 { padding-bottom: var(--_spacing---space--1); } .u-padding-bottom-2 { padding-bottom: var(--_spacing---space--2); } .u-padding-bottom-3 { padding-bottom: var(--_spacing---space--3); } .u-padding-bottom-4 { padding-bottom: var(--_spacing---space--4); } .u-padding-bottom-5 { padding-bottom: var(--_spacing---space--5); } .u-padding-bottom-6 { padding-bottom: var(--_spacing---space--6); } .u-padding-bottom-7 { padding-bottom: var(--_spacing---space--7); } .u-padding-bottom-8 { padding-bottom: var(--_spacing---space--8); } .u-padding-bottom-small { padding-bottom: var(--_spacing---section-space--small); } .u-padding-bottom-main { padding-bottom: var(--_spacing---section-space--main); } .u-padding-bottom-large { padding-bottom: var(--_spacing---section-space--large); } .u-padding-left-sitemargin { padding-left: var(--site--margin); } .u-padding-left-gutter { padding-left: var(--site--gutter); } .u-padding-left-0 { padding-left: 0; } .u-padding-left-1 { padding-left: var(--_spacing---space--1); } .u-padding-left-2 { padding-left: var(--_spacing---space--2); } .u-padding-left-3 { padding-left: var(--_spacing---space--3); } .u-padding-left-4 { padding-left: var(--_spacing---space--4); } .u-padding-left-5 { padding-left: var(--_spacing---space--5); } .u-padding-left-6 { padding-left: var(--_spacing---space--6); } .u-padding-left-7 { padding-left: var(--_spacing---space--7); } .u-padding-left-8 { padding-left: var(--_spacing---space--8); } .u-padding-right-sitemargin { padding-right: var(--site--margin); } .u-padding-right-gutter { padding-right: var(--site--gutter); } .u-padding-right-0 { padding-right: 0; } .u-padding-right-1 { padding-right: var(--_spacing---space--1); } .u-padding-right-2 { padding-right: var(--_spacing---space--2); } .u-padding-right-3 { padding-right: var(--_spacing---space--3); } .u-padding-right-4 { padding-right: var(--_spacing---space--4); } .u-padding-right-5 { padding-right: var(--_spacing---space--5); } .u-padding-right-6 { padding-right: var(--_spacing---space--6); } .u-padding-right-7 { padding-right: var(--_spacing---space--7); } .u-padding-right-8 { padding-right: var(--_spacing---space--8); } .u-column-start-auto { grid-column-start: auto; } .u-column-start-1 { grid-column-start: 1; } .u-column-start-2 { grid-column-start: 2; } .u-column-start-3 { grid-column-start: 3; } .u-column-start-4 { grid-column-start: 4; } .u-column-start-5 { grid-column-start: 5; } .u-column-start-6 { grid-column-start: 6; } .u-column-start-7 { grid-column-start: 7; } .u-column-start-8 { grid-column-start: 8; } .u-column-start-9 { grid-column-start: 9; } .u-column-start-10 { grid-column-start: 10; } .u-column-start-11 { grid-column-start: 11; } .u-column-start-12 { grid-column-start: 12; } .u-row-start-auto { grid-row-start: auto; } .u-row-start-1 { grid-row-start: 1; } .u-row-start-2 { grid-row-start: 2; } .u-row-start-3 { grid-row-start: 3; } .u-row-start-4 { grid-row-start: 4; } .u-row-start-5 { grid-row-start: 5; } .u-row-start-6 { grid-row-start: 6; } .u-row-span-1 { grid-row-end: span 1; } .u-row-span-2 { grid-row-end: span 2; } .u-row-span-3 { grid-row-end: span 3; } .u-row-span-4 { grid-row-end: span 4; } .u-row-span-5 { grid-row-end: span 5; } .u-row-span-6 { grid-row-end: span 6; } .tab_button_text.u-text-style-main { font-weight: calc(var(--_typography---font--primary-regular) * var(--_state---true) + var(--_typography---font--primary-bold) * var(--_state---false)); } .card_primary_title.u-text-style-h4:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) { margin-bottom: var(--_spacing---space--3); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-theme-brand-2 { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--orchid-500); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--orchid-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--brand-text); --_theme---heading-accent-2: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--orchid-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } @font-face { font-family: 'Salsita Funk'; src: url('../assets/resources/fonts/Salsita-Funk.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Homemadeapple; src: url('resources/fonts/HomemadeApple-Regular.ttf') format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Leah gaviota script; src: url('resources/fonts/Leah-Gaviota-Script.otf') format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Homemadeapple'; src: url('resources/fonts/HomemadeApple-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Leah gaviota script'; src: url('resources/fonts/Leah-Gaviota-Script.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Salsita Funk; src: url('../assets/resources/fonts/Salsita-Funk.woff2') format("woff2"); font-weight: 400; font-style: normal; font-display: swap; } .u-layout-wrapper { grid-column-gap: var(--site--gutter); grid-row-gap: var(--_spacing---space--8); justify-content: center; align-items: stretch; width: 100%; display: flex; } .u-layout-wrapper[data-style="contain"], .u-layout-wrapper[data-style="contain-reversed"] { grid-column-gap: 0rem; grid-row-gap: 0rem; border-radius: var(--radius--main); background-color: var(--_theme---background-2); position: relative; overflow: clip; } .u-layout-wrapper[data-style="breakout"], .u-layout-wrapper[data-style="breakout-reversed"] { grid-column-gap: var(--site--gutter); flex-flow: row; justify-content: center; align-items: stretch; display: flex; } .u-layout-wrapper[data-style="full"], .u-layout-wrapper[data-style="full-reversed"] { grid-column-gap: 0rem; grid-row-gap: 0rem; } .u-layout-wrapper[data-style="card"] { border-radius: var(--radius--main); background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-400); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-2: var(--swatch--brand-500); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text-2); --_theme---button-primary--border-hover: var(--_theme---background-2); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); overflow: clip; } .u-layout { grid-column-gap: inherit; grid-row-gap: inherit; flex-flow: column; grid-template-rows: auto; grid-auto-columns: 1fr; width: 100%; display: flex; } .u-layout[data-style="contain"], .u-layout[data-style="contain-reversed"] { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .u-layout[data-style="breakout"], .u-layout[data-style="breakout-reversed"] { grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end]; width: calc(100vw * var(--_responsive---large) + 100% * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall))); display: var(--flex-medium, grid); flex-flow: column; flex: none; justify-content: flex-start; align-items: center; } .u-layout:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325), .u-layout:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .u-layout[data-style="card"] { flex-flow: column; justify-content: center; align-items: stretch; min-height: 26rem; display: flex; position: relative; } .u-layout[data-style="full"], .u-layout[data-style="full-reversed"] { display: var(--flex-medium, grid); flex-flow: column; flex: none; grid-template-columns: repeat(2, minmax(0, 1fr)); width: 100vw; } .u-layout:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { display: var(--flex-medium, grid); flex-flow: column; grid-template-columns: repeat(2, minmax(0, 1fr)); } .u-layout-column-1 { align-self: center; width: 100%; position: relative; } .u-layout-column-1[data-style="contain"], .u-layout-column-1[data-style="contain-reversed"] { padding: var(--_spacing---space--6); } .u-layout-column-1[data-style="breakout"] { padding-top: calc(var(--_spacing---space--6) * var(--_responsive---large)); padding-bottom: calc(var(--_spacing---space--6) * var(--_responsive---large)); grid-column: 2 / span 5; } .u-layout-column-1[data-style="breakout-reversed"] { padding-top: calc(var(--_spacing---space--6) * var(--_responsive---large)); padding-bottom: calc(var(--_spacing---space--6) * var(--_responsive---large)); grid-column: 9 / span 5; } .u-layout-column-1:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c) { text-align: center; justify-content: center; align-items: center; } .u-layout-column-1[data-style="card"] { z-index: 1; padding-top: var(--_spacing---section-space--main); padding-right: var(--_spacing---space--5); padding-bottom: var(--_spacing---section-space--main); padding-left: var(--_spacing---space--5); text-align: center; justify-content: center; align-items: center; position: relative; } .u-layout-column-1[data-style="full"], .u-layout-column-1[data-style="full-reversed"] { max-width: var(--max-width--small); padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); width: calc(100% - var(--site--margin) * 2); margin-left: auto; margin-right: auto; } .u-layout-column-1:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325) { text-align: var(--center-medium, start); align-items: var(--center-medium, start); justify-content: var(--center-medium, start); } .u-layout-column-1:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) { align-items: var(--center-medium, start); justify-content: var(--center-medium, start); text-align: var(--center-medium, start); } .u-layout-column-1:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { top: calc(12rem * var(--_responsive---large) + 0rem * var(--_responsive---medium)); position: var(--relative-medium, sticky); align-self: start; } .u-layout-column-2 { aspect-ratio: 16 / 9; border-radius: var(--radius--main); width: 100%; height: 100%; position: relative; overflow: clip; } .u-layout-column-2:where(.w-variant-1261a7e4-2c05-3b0b-2126-d399890906b8) { aspect-ratio: 16 / 9; grid-row-start: 1; grid-column-start: 1; overflow: clip; } .u-layout-column-2[data-style="contain-reversed"] { aspect-ratio: 16 / 9; border-radius: 0; grid-row-start: 1; grid-column-start: 1; overflow: clip; } .u-layout-column-2[data-style="breakout"] { aspect-ratio: 16 / 9; border-top-right-radius: 0; border-bottom-right-radius: 0; border-top-left-radius: calc(var(--radius--main) * var(--_responsive---large)); border-bottom-left-radius: calc(var(--radius--main) * var(--_responsive---large)); width: calc(100% * var(--_responsive---large) + 100vw * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall))); grid-column: 8 / full; overflow: clip; } .u-layout-column-2[data-style="breakout-reversed"] { aspect-ratio: 16 / 9; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: calc(var(--radius--main) * var(--_responsive---large)); border-bottom-right-radius: calc(var(--radius--main) * var(--_responsive---large)); width: calc(100% * var(--_responsive---large) + 100vw * max(var(--_responsive---medium), var(--_responsive---small), var(--_responsive---xsmall))); grid-column: full / span 7; grid-row-start: 1; overflow: clip; } .u-layout-column-2[data-style="card"] { aspect-ratio: auto; opacity: .5; pointer-events: none; border-radius: 0; width: 100%; height: 100%; position: absolute; inset: 0%; overflow: visible; } .u-layout-column-2[data-style="full-reversed"] { aspect-ratio: 1; border-radius: 0; grid-row-start: 1; grid-column-start: 1; overflow: clip; } .u-layout-column-2[data-style="full"] { aspect-ratio: 1; border-radius: 0; overflow: clip; } .u-layout-column-2[data-style="contain"] { aspect-ratio: 16 / 9; border-radius: 0; overflow: clip; } .u-layout-column-2:where(.w-variant-d69d5003-e9bc-b347-4e02-eb46976beb1c), .u-layout-column-2:where(.w-variant-558793eb-2b07-490b-9842-2d7e6f6bf325), .u-layout-column-2:where(.w-variant-81232c92-6578-ef9a-1e3e-35e3204ae0fd) { aspect-ratio: 16 / 9; overflow: clip; } .u-grid-wrapper { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); width: 100%; display: flex; } .u-grid-wrapper:where(.w-variant-b8204f2e-764d-b421-dc96-2c59d3054271) { container-type: inline-size; } .u-grid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); grid-column-gap: inherit; grid-row-gap: inherit; flex-flow: column; width: 100%; display: grid; } .u-grid:where(.w-variant-d58244bf-290f-ebb3-3aa0-352d6fa8e84f) { grid-template-columns: repeat(auto-fit, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .u-grid:where(.w-variant-129319ac-a2cd-9e88-2ebd-a33b4bb85fa5) { grid-template-columns: repeat(auto-fill, minmax(min(max(calc(var(--number, 12) * 1rem), (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); } .u-content-wrapper { text-align: start; justify-content: start; align-items: start; width: 100%; } .u-content-wrapper:where(.w-variant-4f54624e-ceb1-0769-a238-365d5e220b70) { text-align: center; justify-content: center; align-items: center; } .u-content-wrapper:where(.w-variant-405b6754-709a-81de-bf32-f0102c0c7aa2) { text-align: end; justify-content: end; align-items: end; } .u-content-wrapper:where(.w-variant-e98b91c1-a8bf-9b6d-a119-f398c9e3f46b) { text-align: var(--center-medium, start); align-items: var(--center-medium, start); justify-content: var(--center-medium, start); } .u-background-slot { pointer-events: none; width: 100%; height: 100%; position: absolute; inset: 0%; } .u-video { aspect-ratio: 2; background-color: var(--_theme---background-skeleton); width: 100%; height: 100%; } .u-video:where(.w-variant-db26956a-7929-76af-05b0-02971cbab2f4) { width: 100%; height: 100%; position: absolute; inset: 0%; aspect-ratio: unset !important; } .u-video:where(.w-variant-0b00a75a-35ba-66c2-fce0-21c117d62ce0) { aspect-ratio: 16 / 9; } .u-video:where(.w-variant-a9490bed-5b56-7b46-8413-993d16d77e88) { aspect-ratio: 3 / 2; } .u-video:where(.w-variant-ec7f8a9f-99ac-b5a5-140b-730400a62670) { aspect-ratio: 1; } .u-video:where(.w-variant-8157ca33-45d5-df1a-bd25-894298c8e117) { aspect-ratio: 5 / 4; } .u-video:where(.w-variant-f3f45657-6a73-93f9-25db-a80af56ad72a) { aspect-ratio: 4 / 5; } .u-video:where(.w-variant-c3ccbb6c-6fa7-1113-0f2e-08b77dffca68) { aspect-ratio: 2 / 3; } .u-image-wrapper { aspect-ratio: 2; background-color: var(--_theme---background-skeleton); object-fit: cover; width: 100%; height: 100%; position: relative; overflow: clip; } .u-image-wrapper[data-style="cover"] { width: 100%; height: 100%; position: absolute; inset: 0%; aspect-ratio: unset !important; } .u-image-wrapper:where(.w-variant-a5f35569-5171-ee3d-f7bb-c5b2372249ac) { aspect-ratio: 1; } .u-image-wrapper[data-style="wide-16-9"] { aspect-ratio: 16 / 9; } .u-image-wrapper:where(.w-variant-a93327ec-aace-62d3-860b-21ee12acd25a) { aspect-ratio: 2 / 3; } .u-image-wrapper:where(.w-variant-57c7d8f5-d942-5de8-0712-e12fff699502) { aspect-ratio: 3 / 2; } .u-image-wrapper:where(.w-variant-35ea7d22-774e-1ba9-1dcc-8a392636f83d) { aspect-ratio: 4 / 5; } .u-image-wrapper:where(.w-variant-8e41429f-9f9e-7697-357e-815bd3e59383) { aspect-ratio: 5 / 4; } .u-image { object-position: calc(var(--x, 50) * 1%) calc(var(--y, 50) * 1%); object-fit: inherit; height: 100%; display: block; position: absolute; inset: 0%; } .u-iframe-wrapper { aspect-ratio: 16 / 9; position: relative; } .u-iframe { border: none; width: 100%; height: 100%; display: block; position: absolute; inset: 0%; } .u-overlay { background-color: color-mix(in srgb, black calc(var(--number) / 100 * 80%), transparent); width: 100%; height: 100%; position: absolute; inset: 0%; } .u-overlay:where(.w-variant-9653c0cc-21fc-fb82-1373-c98b1644e5a8) { background-image: linear-gradient(#0000, #0000009e 84%); background-color: color-mix(in srgb, black calc(var(--number) / 100 * 60%), transparent); } .u-eyebrow-wrapper { margin-bottom: var(--_spacing---space--5); justify-content: inherit; display: flex; } .u-eyebrow-layout { grid-column-gap: var(--_spacing---space--3); grid-row-gap: var(--_spacing---space--3); vertical-align: baseline; display: inline-flex; } .u-eyebrow-marker { width: var(--border-width--main); background-color: currentColor; flex: none; padding-bottom: 0; padding-right: 0; } .u-eyebrow-text { margin-top: 0; margin-bottom: 0; } .u-text { margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); justify-content: center; align-items: inherit; max-width: calc(var(--number) * 1ch); flex-flow: column; min-width: 100%; display: flex; } .u-text:where(.w-variant-eee56f15-d7ce-d101-2f8c-83b3bbd55d4a) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-3ddfa43e-abc1-422e-6e6d-23dfb7da71f3) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-efb733fe-da83-69a3-ea4a-b3f2f89d0389) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-ad482112-9d0e-852c-0f6e-ba1e5a3aee59) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-93e8af18-8413-e3ac-0442-72629401a3db) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-5c484503-e2a0-ac99-680d-56013d859efa) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-b8555f10-fa7d-e9ba-e262-f9aa44c27c1c) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-fdb8e663-01e0-aae6-13eb-e6dfca16b689) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-61d538b2-709c-eb7a-4258-8c0890dc07fc) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-4099173f-f581-635c-a5fe-cf4a89c62029), .u-text:where(.w-variant-fe6f474d-1651-566b-eeff-3c86e8cbf153) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-26cc9f23-e71c-deee-cd61-36dc24f35fae) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-c8b8ac88-1ac7-e9f6-41cc-82c548bf142d) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-47e40b0d-02af-2673-f429-546cac42dc5a) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-12e93187-f8ac-b1a1-2e50-59d85a6bf516) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-f196774e-dbfd-d1b4-1196-b3e824fc5f7d) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-7bfbf33b-fb56-d8df-e2d2-8fe65a7f2e44) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-9af60b09-c3a1-8c2a-eb78-8e29460ca7a9) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-83c598b0-8cc2-f955-1996-fcb8fb10bf70) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-8ee37a78-065b-6879-973d-319c65e28313) { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text:where(.w-variant-3fbd0d32-5675-1947-73b3-abb16c1fb986) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-9027c8ae-1ba5-f702-ea6e-4a1c3fca9f64) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-74a3180a-e505-b452-032f-599c8e557249) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-823daff2-fd84-8da0-4ed1-92a39b869ad0) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text:where(.w-variant-326a9562-3263-06da-e8ef-16981fd70f1c) { --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text[data-style="h4"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-text[data-style="h3"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text[data-style="h2"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text[data-style="h1"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-text[data-style="display"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); } .u-button-wrapper { margin-top: var(--_spacing---space--6); grid-column-gap: var(--_spacing---space--2); grid-row-gap: var(--_spacing---space--2); align-content: center; align-items: center; justify-content: inherit; flex-flow: wrap; display: flex; } .u-section { background-color: var(--_theme---background); color: var(--_theme---text); flex-flow: column; justify-content: center; align-items: stretch; display: flex; position: relative; } .u-section:where(.w-variant-a4eabb01-8ed6-63d0-157e-0a7b56aedaa1) { --_theme---background: var(--swatch--light-400); --_theme---text: var(--swatch--dark-900); --_theme---background-2: var(--swatch--light-500); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--dark-900); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-section[data-style="dark"] { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-400); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-2: var(--swatch--brand-500); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text-2); --_theme---button-primary--border-hover: var(--_theme---background-2); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-section:where(.w-variant-f3a81397-d460-3add-9beb-5ec7af47907a) { --_theme---background: var(--swatch--light-400); --_theme---text: var(--swatch--dark-900); --_theme---background-2: var(--swatch--light-500); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--dark-900); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-section:where(.w-variant-b4d321b1-05d4-6b05-8ab2-dfbc2f41ee4e) { --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-400); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-2: var(--swatch--brand-500); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text-2); --_theme---button-primary--border-hover: var(--_theme---background-2); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-section[data-style="brand"] { --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--brand-700); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--brand-text); --_theme---heading-accent-2: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-section-spacer { height: var(--_spacing---section-space--none); position: relative; } .u-section-spacer:where(.w-variant-d422cbd0-f212-c815-68df-63414354c21d) { height: var(--_spacing---section-space--small); } .u-section-spacer[data-style="main"] { height: var(--_spacing---section-space--main); } .u-section-spacer:where(.w-variant-8cc18b30-4618-8767-0111-f6abfe45aaa3) { height: var(--_spacing---section-space--large); } .u-section-spacer:where(.w-variant-41fc0c0a-cac3-53c9-9802-6a916e3fb342) { height: var(--site--margin); } .u-section-spacer[data-style="page-top"] { height: var(--_spacing---section-space--page-top); } .u-container { z-index: 1; max-width: var(--max-width--main); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-container-small { z-index: 1; max-width: var(--max-width--small); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-container-full { z-index: 1; max-width: var(--max-width--full); grid-column-gap: var(--_spacing---space--8); grid-row-gap: var(--_spacing---space--8); width: calc(100% - var(--site--margin) * 2); flex-flow: column; justify-content: center; margin-left: auto; margin-right: auto; display: flex; position: relative; container-type: inline-size; } .u-svg { width: 100%; height: 100%; display: block; overflow: visible !important; } .u-svg[data-style="left"] { transform: rotate(-180deg); } .u-svg:where(.w-variant-a0a4b133-f837-5340-6c98-04b1518f150d) { transform: rotate(-90deg); } .u-svg:where(.w-variant-5939aeba-b378-ecdc-f1bc-b6970df2be03) { transform: rotate(90deg); } .u-svg:where(.w-variant-dc469724-71a3-14e1-b5d5-1294323411ce) { transform: rotate(-180deg); } .u-svg:where(.w-variant-b18a0fcd-abb0-329e-47f4-79155dd8284a) { transform: rotate(-90deg); } .u-svg[data-style="bottom"] { transform: rotate(90deg); } .u-path { stroke-width: var(--border-width--main); stroke: currentColor; vector-effect: non-scaling-stroke; } .u-embed-css, .u-embed-js { display: none; } .u-theme-light { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--light-400); --_theme---text: var(--swatch--dark-900); --_theme---background-2: var(--swatch--light-500); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--dark-900-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--dark-900); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-theme-dark { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--dark-900); --_theme---text: var(--swatch--light-400); --_theme---background-2: var(--swatch--dark-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: var(--swatch--brand-500); --_theme---border: var(--swatch--light-100-o20); --_theme---button-primary--background: var(--swatch--brand-500); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background-2); --_theme---text-link--border-hover: var(--swatch--brand-500); --_theme---text-2: var(--swatch--brand-500); --_theme---heading-accent-2: var(--swatch--orchid-500); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-text); --_theme---button-primary--background-hover: var(--_theme---text-2); --_theme---button-primary--border-hover: var(--_theme---background-2); --_theme---button-primary--text-hover: var(--_theme---background); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-theme-brand { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--brand-500); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--brand-700); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--brand-text); --_theme---heading-accent-2: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--brand-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } .u-text-style-display { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--display); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--6); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h1 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h2 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h3 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h4 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h5 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-h6 { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); font-style: var(--_text-style---text-style, italic); display: flow-root; } .u-text-style-large { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-main { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-main); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-text-style-small { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-small); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); display: flow-root; } .u-rich-text { text-wrap: var(--_text-style---text-wrap); align-items: inherit; justify-content: inherit; } .u-rich-text h1 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h1); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-bold); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h2 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h2); --_text-style---line-height: var(--_typography---line-height--small); --_text-style---font-weight: var(--_typography---font--primary-medium); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h3 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); --_text-style---margin-bottom: var(--_spacing---space--5); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--uppercase); --_text-style---text-style: var(--_typography---text-transform--italic); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h4 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h4); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); text-wrap: var(--_text-style---text-wrap); } .u-rich-text h5 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text h6 { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h6); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-wrap: var(--_text-style---text-wrap); text-transform: var(--_text-style---text-transform, none); } .u-rich-text p { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); } .u-rich-text blockquote { margin-top: var(--_spacing---space--6); margin-bottom: var(--_spacing---space--6); font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--text-large); --_text-style---line-height: var(--_typography---line-height--huge); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: pretty; --_text-style---margin-top: var(--_spacing---space--4); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); text-transform: var(--_text-style---text-transform, none); border-left-style: solid; border-left-width: .2rem; padding: .5rem 1rem; } .u-rich-text ol { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: inherit; flex-flow: column; padding-left: 1.2em; list-style-type: decimal; display: flex; overflow: visible; } .u-rich-text li { margin-top: calc(var(--_text-style---trim-top) * -1); margin-bottom: calc(var(--_text-style---trim-bottom) * -1); display: list-item; } .u-rich-text ul { margin-top: var(--_text-style---margin-top); margin-bottom: var(--_text-style---margin-bottom); grid-column-gap: .9em; grid-row-gap: .9em; align-items: inherit; flex-flow: column; padding-left: 1.2em; list-style-type: disc; display: flex; overflow: visible; } .u-rich-text figure { margin-top: var(--_spacing---space--7); margin-bottom: var(--_spacing---space--7); } .u-line-height-small { line-height: var(--_typography---line-height--small); } .u-line-height-medium { line-height: var(--_typography---line-height--medium); } .u-line-height-large { line-height: var(--_typography---line-height--large); } .u-line-height-huge { line-height: var(--_typography---line-height--huge); } .u-letter-spacing-tight { letter-spacing: var(--_typography---letter-spacing--tight); } .u-letter-spacing-normal { letter-spacing: var(--_typography---letter-spacing--normal); } .u-sr-only { white-space: nowrap; clip: rect(0, 0, 0, 0); border-width: 0; width: 1px; height: 1px; margin-left: auto; margin-right: auto; padding: 0; position: absolute; inset: 0% 0% auto; overflow: hidden; } .u-heading-accent strong { color: var(--_theme---heading-accent); font-weight: inherit; } .u-flex-horizontal-wrap { align-content: center; align-items: center; justify-content: inherit; flex-flow: wrap; display: flex; } .u-flex-vertical-nowrap { justify-content: center; align-items: inherit; flex-flow: column; display: flex; } .u-flex-horizontal-nowrap { align-content: center; align-items: center; justify-content: inherit; flex-flow: row; display: flex; } .u-flex-vertical-wrap { justify-content: center; align-items: inherit; flex-flow: column wrap; display: flex; } .u-flex-grow { flex: 1; } .u-flex-shrink { flex: 0 auto; } .u-flex-noshrink { flex: none; } .u-grid-custom { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(var(--_column-count---value), minmax(0, 1fr)); flex-flow: column; display: grid; } .u-grid-subgrid { grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: subgrid; grid-column-gap: inherit; grid-row-gap: inherit; grid-column: auto / span 1; display: grid; } .u-grid-autofit { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fit, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-autofill { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); --_column-count---value: 12; grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: repeat(auto-fill, minmax(min(max(8rem, (100% - ((var(--_column-count---value) - 1) * var(--_gap---size))) / var(--_column-count---value)), 100%), 1fr)); display: grid; } .u-grid-breakout { grid-column-gap: var(--site--gutter); grid-row-gap: var(--site--gutter); grid-template-rows: auto; grid-auto-columns: minmax(0, 1fr); grid-template-columns: [full-start] minmax(0, 1fr) [content-start] repeat(var(--site--column-count), minmax(0, var(--site--column-width))) [content-end] minmax(0, 1fr) [full-end]; display: grid; } .u-align-self-inherit { align-self: inherit; } .u-align-self-start { align-self: flex-start; } .u-align-self-center { align-self: center; } .u-align-self-end { align-self: flex-end; } .u-align-self-stretch { align-self: stretch; } .u-align-items-stretch { align-items: stretch; } .u-align-items-start { align-items: flex-start; } .u-align-items-center { align-items: center; } .u-align-items-end { align-items: flex-end; } .u-align-items-inherit { align-items: inherit; } .u-justify-content-start { justify-content: flex-start; } .u-justify-content-center { justify-content: center; } .u-justify-content-end { justify-content: flex-end; } .u-justify-content-between { justify-content: space-between; } .u-justify-content-around { justify-content: space-around; } .u-justify-content-inherit { justify-content: inherit; } .u-color-inherit { color: inherit; } .u-color-faded { color: color-mix(in srgb, currentColor 70%, transparent); } .u-background-transparent { background-color: #0000; } .u-background-1 { background-color: var(--_theme---background); } .u-background-2 { background-color: var(--_theme---background-2); } .u-background-skeleton { background-color: var(--_theme---background-skeleton); } .u-gap-0 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: 0rem; } .u-gap-inherit { grid-column-gap: inherit; grid-row-gap: inherit; } .u-gap-1 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--1); } .u-gap-2 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--2); } .u-gap-gutter { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--site--gutter); } .u-gap-3 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--3); } .u-gap-4 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--4); } .u-gap-5 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--5); } .u-gap-6 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--6); } .u-gap-7 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--7); } .u-gap-8 { grid-column-gap: var(--_gap---size); grid-row-gap: var(--_gap---size); --_gap---size: var(--_spacing---space--8); } .u-gap-row-0 { grid-row-gap: 0rem; } .u-gap-row-inherit { grid-row-gap: inherit; } .u-gap-row-1 { grid-row-gap: var(--_spacing---space--1); } .u-gap-row-2 { grid-row-gap: var(--_spacing---space--2); } .u-gap-row-gutter { grid-row-gap: var(--site--gutter); } .u-gap-row-3 { grid-row-gap: var(--_spacing---space--3); } .u-gap-row-4 { grid-row-gap: var(--_spacing---space--4); } .u-gap-row-5 { grid-row-gap: var(--_spacing---space--5); } .u-gap-row-6 { grid-row-gap: var(--_spacing---space--6); } .u-gap-row-7 { grid-row-gap: var(--_spacing---space--7); } .u-gap-row-8 { grid-row-gap: var(--_spacing---space--8); } .u-margin-top-auto { margin-top: auto; } .u-margin-top-0 { margin-top: 0; } .u-margin-top-gutter { margin-top: var(--site--gutter); } .u-margin-top-text { margin-top: var(--_text-style---margin-top); } .u-margin-top-1 { margin-top: var(--_spacing---space--1); } .u-margin-top-2 { margin-top: var(--_spacing---space--2); } .u-margin-top-3 { margin-top: var(--_spacing---space--3); } .u-margin-top-4 { margin-top: var(--_spacing---space--4); } .u-margin-top-5 { margin-top: var(--_spacing---space--5); } .u-margin-top-6 { margin-top: var(--_spacing---space--6); } .u-margin-top-7 { margin-top: var(--_spacing---space--7); } .u-margin-top-8 { margin-top: var(--_spacing---space--8); } .u-margin-bottom-auto { margin-bottom: auto; } .u-margin-bottom-0 { margin-bottom: 0; } .u-margin-bottom-gutter { margin-bottom: var(--site--gutter); } .u-margin-bottom-text { margin-bottom: var(--_text-style---margin-bottom); } .u-margin-bottom-1 { margin-bottom: var(--_spacing---space--1); } .u-margin-bottom-2 { margin-bottom: var(--_spacing---space--2); } .u-margin-bottom-3 { margin-bottom: var(--_spacing---space--3); } .u-margin-bottom-4 { margin-bottom: var(--_spacing---space--4); } .u-margin-bottom-5 { margin-bottom: var(--_spacing---space--5); } .u-margin-bottom-6 { margin-bottom: var(--_spacing---space--6); } .u-margin-bottom-7 { margin-bottom: var(--_spacing---space--7); } .u-margin-bottom-8 { margin-bottom: var(--_spacing---space--8); } .u-weight-regular { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-regular); } .u-weight-medium { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-medium); } .u-weight-bold { font-family: var(--_typography---font--primary-family); font-weight: var(--_typography---font--primary-bold); } .u-min-height-screen { min-height: 100svh; } .u-column-span-full { grid-column: 1 / -1; } .u-column-span-indent { grid-column: 2 / -2; } .u-column-span-1 { grid-column-end: span 1; } .u-column-span-2 { grid-column-end: span 2; } .u-column-span-3 { grid-column-end: span 3; } .u-column-span-4 { grid-column-end: span 4; } .u-column-span-5 { grid-column-end: span 5; } .u-column-span-6 { grid-column-end: span 6; } .u-column-span-7 { grid-column-end: span 7; } .u-column-span-8 { grid-column-end: span 8; } .u-column-span-9 { grid-column-end: span 9; } .u-column-span-10 { grid-column-end: span 10; } .u-column-span-11 { grid-column-end: span 11; } .u-column-span-12 { grid-column-end: span 12; } .u-alignment-start { text-align: start !important; justify-content: start !important; align-items: start !important; } .u-alignment-center { text-align: center !important; justify-content: center !important; align-items: center !important; } .u-alignment-end { text-align: end !important; justify-content: end !important; align-items: end !important; } .u-text-transform-none { text-transform: none; } .u-text-transform-uppercase { text-transform: uppercase; } .u-text-transform-capitalize { text-transform: capitalize; } .u-text-transform-lowercase { text-transform: lowercase; } .u-text-wrap-default { text-wrap: wrap; } .u-text-wrap-balance { text-wrap: balance; } .u-text-wrap-pretty { text-wrap: pretty; } .u-max-width-none { max-width: none; } .u-max-width-full { max-width: 100%; } .u-radius-none { border-radius: 0; } .u-radius-inherit { border-radius: inherit; } .u-radius-small { border-radius: var(--radius--small); } .u-radius-main { border-radius: var(--radius--main); } .u-radius-round { border-radius: var(--radius--round); } .u-overflow-visible { overflow: visible; } .u-overflow-hidden { overflow: hidden; } .u-overflow-clip { overflow: clip; } .u-overflow-x-auto { overflow: auto clip; } .u-overflow-y-auto { overflow: clip auto; } .u-overflow-hidden-left { -webkit-clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); clip-path: polygon(0 0, calc(100% + 100vw) 0, calc(100% + 100vw) 100%, 0% 100%); } .u-display-block { display: block; } .u-display-inline { display: inline; } .u-display-inline-block { display: inline-block; } .u-display-inline-flex { display: inline-flex; } .u-display-inline-grid { display: inline-grid; } .u-display-contents { display: contents; } .u-display-none { display: none; } .u-zindex-negative { z-index: -1; position: relative; } .u-zindex-0 { z-index: 0; position: relative; } .u-zindex-unset { z-index: unset; position: relative; } .u-zindex-1 { z-index: 1; position: relative; } .u-zindex-2 { z-index: 2; position: relative; } .u-zindex-3 { z-index: 3; position: relative; } .u-position-static { position: static; } .u-position-relative { position: relative; } .u-position-absolute { position: absolute; } .u-position-sticky { position: sticky; top: 0; } .u-position-fixed { position: fixed; } .u-height-full { height: 100%; } .u-height-auto { height: auto; } .u-width-full { width: 100%; } .u-cover { width: 100%; height: 100%; } .u-cover-absolute { width: 100%; height: 100%; position: absolute; inset: 0%; } .u-width-auto { width: auto; } .u-min-width-auto { min-width: auto; } .u-pointer-on { pointer-events: auto; } .u-pointer-off { pointer-events: none; } .u-ratio-1-1 { aspect-ratio: 1; } .u-ratio-16-9 { aspect-ratio: 16 / 9; } .u-ratio-3-2 { aspect-ratio: 3 / 2; } .u-ratio-2-3 { aspect-ratio: 2 / 3; } .u-ratio-2-1 { aspect-ratio: 2; } .u-ratio-5-4 { aspect-ratio: 5 / 4; } .u-ratio-4-5 { aspect-ratio: 4 / 5; } .u-margin-inline-auto { margin-left: auto; margin-right: auto; } .u-order-first { order: -1; } .u-order-last { order: 1; } .u-object-fit-cover { object-fit: cover; } .u-object-fit-contain { object-fit: contain; } .u-padding-sitemargin { padding: var(--site--margin); } .u-padding-gutter { padding: var(--site--gutter); } .u-padding-0 { padding: 0; } .u-padding-1 { padding: var(--_spacing---space--1); } .u-padding-2 { padding: var(--_spacing---space--2); } .u-padding-3 { padding: var(--_spacing---space--3); } .u-padding-4 { padding: var(--_spacing---space--4); } .u-padding-5 { padding: var(--_spacing---space--5); } .u-padding-6 { padding: var(--_spacing---space--6); } .u-padding-7 { padding: var(--_spacing---space--7); } .u-padding-8 { padding: var(--_spacing---space--8); } .u-padding-small { padding: var(--_spacing---section-space--small); } .u-padding-main { padding: var(--_spacing---section-space--main); } .u-padding-large { padding: var(--_spacing---section-space--large); } .u-padding-block-sitemargin { padding-top: var(--site--margin); padding-bottom: var(--site--margin); } .u-padding-block-gutter { padding-top: var(--site--gutter); padding-bottom: var(--site--gutter); } .u-padding-block-0 { padding-top: 0; padding-bottom: 0; } .u-padding-block-1 { padding-top: var(--_spacing---space--1); padding-bottom: var(--_spacing---space--1); } .u-padding-block-2 { padding-top: var(--_spacing---space--2); padding-bottom: var(--_spacing---space--2); } .u-padding-block-3 { padding-top: var(--_spacing---space--3); padding-bottom: var(--_spacing---space--3); } .u-padding-block-4 { padding-top: var(--_spacing---space--4); padding-bottom: var(--_spacing---space--4); } .u-padding-block-5 { padding-top: var(--_spacing---space--5); padding-bottom: var(--_spacing---space--5); } .u-padding-block-6 { padding-top: var(--_spacing---space--6); padding-bottom: var(--_spacing---space--6); } .u-padding-block-7 { padding-top: var(--_spacing---space--7); padding-bottom: var(--_spacing---space--7); } .u-padding-block-8 { padding-top: var(--_spacing---space--8); padding-bottom: var(--_spacing---space--8); } .u-padding-block-small { padding-top: var(--_spacing---section-space--small); padding-bottom: var(--_spacing---section-space--small); } .u-padding-block-main { padding-top: var(--_spacing---section-space--main); padding-bottom: var(--_spacing---section-space--main); } .u-padding-block-large { padding-top: var(--_spacing---section-space--large); padding-bottom: var(--_spacing---section-space--large); } .u-padding-inline-sitemargin { padding-right: var(--site--margin); padding-left: var(--site--margin); } .u-padding-inline-gutter { padding-right: var(--site--gutter); padding-left: var(--site--gutter); } .u-padding-inline-0 { padding-left: 0; padding-right: 0; } .u-padding-inline-1 { padding-right: var(--_spacing---space--1); padding-left: var(--_spacing---space--1); } .u-padding-inline-2 { padding-right: var(--_spacing---space--2); padding-left: var(--_spacing---space--2); } .u-padding-inline-3 { padding-right: var(--_spacing---space--3); padding-left: var(--_spacing---space--3); } .u-padding-inline-4 { padding-right: var(--_spacing---space--4); padding-left: var(--_spacing---space--4); } .u-padding-inline-5 { padding-right: var(--_spacing---space--5); padding-left: var(--_spacing---space--5); } .u-padding-inline-6 { padding-right: var(--_spacing---space--6); padding-left: var(--_spacing---space--6); } .u-padding-inline-7 { padding-right: var(--_spacing---space--7); padding-left: var(--_spacing---space--7); } .u-padding-inline-8 { padding-right: var(--_spacing---space--8); padding-left: var(--_spacing---space--8); } .u-padding-top-sitemargin { padding-top: var(--site--margin); } .u-padding-top-gutter { padding-top: var(--site--gutter); } .u-padding-top-0 { padding-top: 0; } .u-padding-top-1 { padding-top: var(--_spacing---space--1); } .u-padding-top-2 { padding-top: var(--_spacing---space--2); } .u-padding-top-3 { padding-top: var(--_spacing---space--3); } .u-padding-top-4 { padding-top: var(--_spacing---space--4); } .u-padding-top-5 { padding-top: var(--_spacing---space--5); } .u-padding-top-6 { padding-top: var(--_spacing---space--6); } .u-padding-top-7, .u-padding-top-8 { padding-top: var(--_spacing---space--7); } .u-padding-top-small { padding-top: var(--_spacing---section-space--small); } .u-padding-top-main { padding-top: var(--_spacing---section-space--main); } .u-padding-top-large { padding-top: var(--_spacing---section-space--large); } .u-padding-bottom-sitemargin { padding-bottom: var(--site--margin); } .u-padding-bottom-gutter { padding-bottom: var(--site--gutter); } .u-padding-bottom-0 { padding-bottom: 0; } .u-padding-bottom-1 { padding-bottom: var(--_spacing---space--1); } .u-padding-bottom-2 { padding-bottom: var(--_spacing---space--2); } .u-padding-bottom-3 { padding-bottom: var(--_spacing---space--3); } .u-padding-bottom-4 { padding-bottom: var(--_spacing---space--4); } .u-padding-bottom-5 { padding-bottom: var(--_spacing---space--5); } .u-padding-bottom-6 { padding-bottom: var(--_spacing---space--6); } .u-padding-bottom-7 { padding-bottom: var(--_spacing---space--7); } .u-padding-bottom-8 { padding-bottom: var(--_spacing---space--8); } .u-padding-bottom-small { padding-bottom: var(--_spacing---section-space--small); } .u-padding-bottom-main { padding-bottom: var(--_spacing---section-space--main); } .u-padding-bottom-large { padding-bottom: var(--_spacing---section-space--large); } .u-padding-left-sitemargin { padding-left: var(--site--margin); } .u-padding-left-gutter { padding-left: var(--site--gutter); } .u-padding-left-0 { padding-left: 0; } .u-padding-left-1 { padding-left: var(--_spacing---space--1); } .u-padding-left-2 { padding-left: var(--_spacing---space--2); } .u-padding-left-3 { padding-left: var(--_spacing---space--3); } .u-padding-left-4 { padding-left: var(--_spacing---space--4); } .u-padding-left-5 { padding-left: var(--_spacing---space--5); } .u-padding-left-6 { padding-left: var(--_spacing---space--6); } .u-padding-left-7 { padding-left: var(--_spacing---space--7); } .u-padding-left-8 { padding-left: var(--_spacing---space--8); } .u-padding-right-sitemargin { padding-right: var(--site--margin); } .u-padding-right-gutter { padding-right: var(--site--gutter); } .u-padding-right-0 { padding-right: 0; } .u-padding-right-1 { padding-right: var(--_spacing---space--1); } .u-padding-right-2 { padding-right: var(--_spacing---space--2); } .u-padding-right-3 { padding-right: var(--_spacing---space--3); } .u-padding-right-4 { padding-right: var(--_spacing---space--4); } .u-padding-right-5 { padding-right: var(--_spacing---space--5); } .u-padding-right-6 { padding-right: var(--_spacing---space--6); } .u-padding-right-7 { padding-right: var(--_spacing---space--7); } .u-padding-right-8 { padding-right: var(--_spacing---space--8); } .u-column-start-auto { grid-column-start: auto; } .u-column-start-1 { grid-column-start: 1; } .u-column-start-2 { grid-column-start: 2; } .u-column-start-3 { grid-column-start: 3; } .u-column-start-4 { grid-column-start: 4; } .u-column-start-5 { grid-column-start: 5; } .u-column-start-6 { grid-column-start: 6; } .u-column-start-7 { grid-column-start: 7; } .u-column-start-8 { grid-column-start: 8; } .u-column-start-9 { grid-column-start: 9; } .u-column-start-10 { grid-column-start: 10; } .u-column-start-11 { grid-column-start: 11; } .u-column-start-12 { grid-column-start: 12; } .u-row-start-auto { grid-row-start: auto; } .u-row-start-1 { grid-row-start: 1; } .u-row-start-2 { grid-row-start: 2; } .u-row-start-3 { grid-row-start: 3; } .u-row-start-4 { grid-row-start: 4; } .u-row-start-5 { grid-row-start: 5; } .u-row-start-6 { grid-row-start: 6; } .u-row-span-1 { grid-row-end: span 1; } .u-row-span-2 { grid-row-end: span 2; } .u-row-span-3 { grid-row-end: span 3; } .u-row-span-4 { grid-row-end: span 4; } .u-row-span-5 { grid-row-end: span 5; } .u-row-span-6 { grid-row-end: span 6; } .tab_button_text.u-text-style-main { font-weight: calc(var(--_typography---font--primary-regular) * var(--_state---true) + var(--_typography---font--primary-bold) * var(--_state---false)); } .card_primary_title.u-text-style-h4:where(.w-variant-da648fa9-bbba-c8cb-e549-1d22cb8af97b) { margin-bottom: var(--_spacing---space--3); --_text-style---font-family: var(--_typography---font--secondary-family); --_text-style---font-size: var(--_typography---font-size--h5); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--normal); --_text-style---margin-bottom: var(--_spacing---space--4); --_text-style---text-wrap: balance; --_text-style---margin-top: var(--_spacing---space--7); --_text-style---trim-top: var(--_typography---font--primary-trim-top); --_text-style---trim-bottom: var(--_typography---font--primary-trim-bottom); --_text-style---text-transform: var(--_typography---text-transform--none); --_text-style---text-style: var(--_typography---text-transform--none); } .u-theme-brand-2 { background-color: var(--_theme---background); color: var(--_theme---text); --_theme---background: var(--swatch--orchid-500); --_theme---text: var(--swatch--brand-text); --_theme---background-2: var(--swatch--orchid-800); --_theme---background-skeleton: color-mix(in lab, currentcolor 10%, transparent); --_theme---heading-accent: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---border: var(--swatch--brand-text-o20); --_theme---button-primary--background: var(--swatch--brand-text); --_theme---text-link--border: var(--_theme---border); --_theme---text-link--text: var(--_theme---text); --_theme---text-link--text-hover: var(--_theme---text-link--text); --_theme---nav--background: var(--_theme---background); --_theme---text-link--border-hover: var(--_theme---text); --_theme---text-2: var(--swatch--brand-text); --_theme---heading-accent-2: color-mix(in srgb, var(--_theme---text), white 20%); --_theme---selection--background: var(--swatch--brand-300); --_theme---selection--text: var(--swatch--brand-text); --_theme---button-primary--border: var(--_theme---button-primary--background); --_theme---button-primary--text: var(--swatch--orchid-500); --_theme---button-primary--background-hover: color-mix(in srgb, var(--_theme---button-primary--background), white 10%); --_theme---button-primary--border-hover: var(--_theme---button-primary--background-hover); --_theme---button-primary--text-hover: var(--_theme---button-primary--text); --_theme---button-secondary--background: var(--_theme---text-2); --_theme---button-secondary--border: var(--_theme---border); --_theme---button-secondary--text: var(--_theme---background); --_theme---button-secondary--background-hover: var(--_theme---text); --_theme---button-secondary--border-hover: var(--_theme---button-secondary--background-hover); --_theme---button-secondary--text-hover: var(--_theme---text-2); } @font-face { font-family: 'Salsita Funk'; src: url('../assets/resources/fonts/Salsita-Funk.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Homemadeapple; src: url('resources/fonts/HomemadeApple-Regular.ttf') format("truetype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: Leah gaviota script; src: url('resources/fonts/Leah-Gaviota-Script.otf') format("opentype"); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Homemadeapple'; src: url('resources/fonts/HomemadeApple-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap; } @font-face { font-family: 'Leah gaviota script'; src: url('resources/fonts/Leah-Gaviota-Script.otf') format('opentype'); font-weight: 400; font-style: normal; font-display: swap; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } .u-theme-light *, .u-theme-light *::before, .u-theme-light *::after, .u-theme-brand *, .u-theme-brand *::before, .u-theme-brand *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%231d1d1b' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light *:active, .u-theme-light *:active::before, .u-theme-light *:active::after, .u-theme-brand *:active, .u-theme-brand *:active::before, .u-theme-brand *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light .u-theme-dark *, .u-theme-light .u-theme-dark *::before, .u-theme-light .u-theme-dark *::after, .u-theme-brand .u-theme-dark *, .u-theme-brand .u-theme-dark *::before, .u-theme-brand .u-theme-dark *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23efdece' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light .u-theme-dark *:active, .u-theme-light .u-theme-dark *:active::before, .u-theme-light .u-theme-dark *:active::after, .u-theme-brand .u-theme-dark *:active, .u-theme-brand .u-theme-dark *:active::before, .u-theme-brand .u-theme-dark *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light *, .u-theme-light *::before, .u-theme-light *::after, .u-theme-brand *, .u-theme-brand *::before, .u-theme-brand *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%231d1d1b' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light *:active, .u-theme-light *:active::before, .u-theme-light *:active::after, .u-theme-brand *:active, .u-theme-brand *:active::before, .u-theme-brand *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light .u-theme-dark *, .u-theme-light .u-theme-dark *::before, .u-theme-light .u-theme-dark *::after, .u-theme-brand .u-theme-dark *, .u-theme-brand .u-theme-dark *::before, .u-theme-brand .u-theme-dark *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23efdece' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light .u-theme-dark *:active, .u-theme-light .u-theme-dark *:active::before, .u-theme-light .u-theme-dark *:active::after, .u-theme-brand .u-theme-dark *:active, .u-theme-brand .u-theme-dark *:active::before, .u-theme-brand .u-theme-dark *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light *, .u-theme-light *::before, .u-theme-light *::after, .u-theme-brand *, .u-theme-brand *::before, .u-theme-brand *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%231d1d1b' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light *:active, .u-theme-light *:active::before, .u-theme-light *:active::after, .u-theme-brand *:active, .u-theme-brand *:active::before, .u-theme-brand *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light .u-theme-dark *, .u-theme-light .u-theme-dark *::before, .u-theme-light .u-theme-dark *::after, .u-theme-brand .u-theme-dark *, .u-theme-brand .u-theme-dark *::before, .u-theme-brand .u-theme-dark *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23efdece' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light .u-theme-dark *:active, .u-theme-light .u-theme-dark *:active::before, .u-theme-light .u-theme-dark *:active::after, .u-theme-brand .u-theme-dark *:active, .u-theme-brand .u-theme-dark *:active::before, .u-theme-brand .u-theme-dark *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } .tab_content_list[data-preview="false"] > :not(.w-dyn-list,.u-display-contents), .tab_content_list[data-preview="false"] > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > :not(.w-dyn-list,.u-display-contents), .tab_content_list[data-preview="false"] > .u-display-contents > .u-display-contents > :not(.w-dyn-list,.u-display-contents) { display: none; } .tab_content_list > :first-child:not(.w-dyn-list,.u-display-contents), .tab_content_list > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > :not(.w-dyn-list,.u-display-contents):first-child, .tab_content_list > .u-display-contents > .u-display-contents > :not(.w-dyn-list,.u-display-contents):first-child { display: block; } .wf-design-mode .tab_button_list > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .w-dyn-list > * > :first-child > *, .wf-design-mode .tab_button_list > .u-display-contents > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .u-display-contents > .u-display-contents > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .u-display-contents > .w-dyn-list > * > :first-child > *, .wf-design-mode .tab_button_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > :first-child > * { --_state---true: 0; --_state---false: 1; } .tab_content_list[data-preview="false"] > :not(.w-dyn-list,.u-display-contents), .tab_content_list[data-preview="false"] > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > :not(.w-dyn-list,.u-display-contents), .tab_content_list[data-preview="false"] > .u-display-contents > .u-display-contents > :not(.w-dyn-list,.u-display-contents) { display: none; } .tab_content_list > :first-child:not(.w-dyn-list,.u-display-contents), .tab_content_list > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > :not(.w-dyn-list,.u-display-contents):first-child, .tab_content_list > .u-display-contents > .u-display-contents > :not(.w-dyn-list,.u-display-contents):first-child { display: block; } .wf-design-mode .tab_button_list > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .w-dyn-list > * > :first-child > *, .wf-design-mode .tab_button_list > .u-display-contents > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .u-display-contents > .u-display-contents > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .u-display-contents > .w-dyn-list > * > :first-child > *, .wf-design-mode .tab_button_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > :first-child > * { --_state---true: 0; --_state---false: 1; } html .slider_list > :not(.u-display-contents, .w-dyn-list), .slider_list > .w-dyn-list > * > * > *, .slider_list > .u-display-contents > *, .slider_list > .u-display-contents > .u-display-contents > *, .slider_list > .u-display-contents > .w-dyn-list > * > * > *, .slider_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > * > * { padding-inline: calc(var(--_gap---size) / 2); height: auto !important; flex: 0 0 auto; width: calc(100% / var(--slide-count)); } html .slider_list > :not(.u-display-contents, .w-dyn-list), .slider_list > .w-dyn-list > * > * > *, .slider_list > .u-display-contents > *, .slider_list > .u-display-contents > .u-display-contents > *, .slider_list > .u-display-contents > .w-dyn-list > * > * > *, .slider_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > * > * { padding-inline: calc(var(--_gap---size) / 2); height: auto !important; flex: 0 0 auto; width: calc(100% / var(--slide-count)); } .u-theme-light *, .u-theme-light *::before, .u-theme-light *::after, .u-theme-brand *, .u-theme-brand *::before, .u-theme-brand *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%231d1d1b' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light *:active, .u-theme-light *:active::before, .u-theme-light *:active::after, .u-theme-brand *:active, .u-theme-brand *:active::before, .u-theme-brand *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light .u-theme-dark *, .u-theme-light .u-theme-dark *::before, .u-theme-light .u-theme-dark *::after, .u-theme-brand .u-theme-dark *, .u-theme-brand .u-theme-dark *::before, .u-theme-brand .u-theme-dark *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23efdece' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light .u-theme-dark *:active, .u-theme-light .u-theme-dark *:active::before, .u-theme-light .u-theme-dark *:active::after, .u-theme-brand .u-theme-dark *:active, .u-theme-brand .u-theme-dark *:active::before, .u-theme-brand .u-theme-dark *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } /* Dark cursor for light/brand themed areas: dark fill (#1d1d1b) + cream border (#efdece) */ .u-theme-light *, .u-theme-light *::before, .u-theme-light *::after, .u-theme-brand *, .u-theme-brand *::before, .u-theme-brand *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%231d1d1b' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light *:active, .u-theme-light *:active::before, .u-theme-light *:active::after, .u-theme-brand *:active, .u-theme-brand *:active::before, .u-theme-brand *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } /* Reset to cream cursor for nested dark themes: cream fill (#efdece) + dark border (#1d1d1b) */ .u-theme-light .u-theme-dark *, .u-theme-light .u-theme-dark *::before, .u-theme-light .u-theme-dark *::after, .u-theme-brand .u-theme-dark *, .u-theme-brand .u-theme-dark *::before, .u-theme-brand .u-theme-dark *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23efdece' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light .u-theme-dark *:active, .u-theme-light .u-theme-dark *:active::before, .u-theme-light .u-theme-dark *:active::after, .u-theme-brand .u-theme-dark *:active, .u-theme-brand .u-theme-dark *:active::before, .u-theme-brand .u-theme-dark *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } /* Dark cursor for light/brand themed areas: dark fill (#1d1d1b) + cream border (#efdece) */ .u-theme-light *, .u-theme-light *::before, .u-theme-light *::after, .u-theme-brand *, .u-theme-brand *::before, .u-theme-brand *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%231d1d1b' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light *:active, .u-theme-light *:active::before, .u-theme-light *:active::after, .u-theme-brand *:active, .u-theme-brand *:active::before, .u-theme-brand *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%23efdece' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } /* Reset to cream cursor for nested dark themes: cream fill (#efdece) + dark border (#1d1d1b) */ .u-theme-light .u-theme-dark *, .u-theme-light .u-theme-dark *::before, .u-theme-light .u-theme-dark *::after, .u-theme-brand .u-theme-dark *, .u-theme-brand .u-theme-dark *::before, .u-theme-brand .u-theme-dark *::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23efdece' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .u-theme-light .u-theme-dark *:active, .u-theme-light .u-theme-dark *:active::before, .u-theme-light .u-theme-dark *:active::after, .u-theme-brand .u-theme-dark *:active, .u-theme-brand .u-theme-dark *:active::before, .u-theme-brand .u-theme-dark *:active::after { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 80 80'%3E%3Cg transform='translate(40, 40) rotate(-135) translate(-23, -28)'%3E%3Cpath d='M2.927,36.379l20.5-8.11-18.247-8.108L8.0,0l37.84,19.147-2.59,18.246L0,56.535Z' fill='%23ff5224' stroke='%231d1d1b' stroke-width='2'/%3E%3C/g%3E%3C/svg%3E") 12 12, auto !important; } .marquee_wrap.u-gap-gutter { gap: var(--_gap---size); } .marquee_wrap.u-height-full { height: 100%; } .marquee_wrap.u-max-width-full { max-width: 100%; } /* Allow items with smart text sizing to be their natural width */ .marquee_list > .u-text-fill-width, .marquee_list > [data-auto-duplicate] { width: auto !important; flex: 0 0 auto; } .u-text-fill-width { white-space: nowrap !important; line-height: 1 !important; } .u-text-transform-uppercase { text-transform: uppercase !important; } /* ============================================= */ /* UTILITY CLASSES */ /* ============================================= */ .u-embed-css, .u-embed-js { display: none; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } .tab_content_list[data-preview="false"] > :not(.w-dyn-list,.u-display-contents), .tab_content_list[data-preview="false"] > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > :not(.w-dyn-list,.u-display-contents), .tab_content_list[data-preview="false"] > .u-display-contents > .u-display-contents > :not(.w-dyn-list,.u-display-contents) { display: none; } .tab_content_list > :first-child:not(.w-dyn-list,.u-display-contents), .tab_content_list > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > :not(.w-dyn-list,.u-display-contents):first-child, .tab_content_list > .u-display-contents > .u-display-contents > :not(.w-dyn-list,.u-display-contents):first-child { display: block; } .wf-design-mode .tab_button_list > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .w-dyn-list > * > :first-child > *, .wf-design-mode .tab_button_list > .u-display-contents > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .u-display-contents > .u-display-contents > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .u-display-contents > .w-dyn-list > * > :first-child > *, .wf-design-mode .tab_button_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > :first-child > * { --_state---true: 0; --_state---false: 1; } .tab_content_list[data-preview="false"] > :not(.w-dyn-list,.u-display-contents), .tab_content_list[data-preview="false"] > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * > *, .tab_content_list[data-preview="false"] > .u-display-contents > :not(.w-dyn-list,.u-display-contents), .tab_content_list[data-preview="false"] > .u-display-contents > .u-display-contents > :not(.w-dyn-list,.u-display-contents) { display: none; } .tab_content_list > :first-child:not(.w-dyn-list,.u-display-contents), .tab_content_list > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > :first-child > *, .tab_content_list > .u-display-contents > :not(.w-dyn-list,.u-display-contents):first-child, .tab_content_list > .u-display-contents > .u-display-contents > :not(.w-dyn-list,.u-display-contents):first-child { display: block; } .wf-design-mode .tab_button_list > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .w-dyn-list > * > :first-child > *, .wf-design-mode .tab_button_list > .u-display-contents > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .u-display-contents > .u-display-contents > :first-child:not(.w-dyn-list,.u-display-contents), .wf-design-mode .tab_button_list > .u-display-contents > .w-dyn-list > * > :first-child > *, .wf-design-mode .tab_button_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > :first-child > * { --_state---true: 0; --_state---false: 1; } html .slider_list > :not(.u-display-contents, .w-dyn-list), .slider_list > .w-dyn-list > * > * > *, .slider_list > .u-display-contents > *, .slider_list > .u-display-contents > .u-display-contents > *, .slider_list > .u-display-contents > .w-dyn-list > * > * > *, .slider_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > * > * { padding-inline: calc(var(--_gap---size) / 2); height: auto !important; flex: 0 0 auto; width: calc(100% / var(--slide-count)); } html .slider_list > :not(.u-display-contents, .w-dyn-list), .slider_list > .w-dyn-list > * > * > *, .slider_list > .u-display-contents > *, .slider_list > .u-display-contents > .u-display-contents > *, .slider_list > .u-display-contents > .w-dyn-list > * > * > *, .slider_list > .u-display-contents > .u-display-contents > .w-dyn-list > * > * > * { padding-inline: calc(var(--_gap---size) / 2); height: auto !important; flex: 0 0 auto; width: calc(100% / var(--slide-count)); } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } /* remove padding of empty element */ .wf-empty { padding: 0; } /* Margin Trim */ :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim) ~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim)).u-display-contents > :first-child { margin-top: 0; } :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))), :is(.u-margin-trim,.w-richtext,.u-content-wrapper,[class*="u-container"],[class*="u-layout-column"]) > :not(:has(~ :not(.w-condition-invisible,.u-cover-absolute,.u-ignore-trim))).u-display-contents > :last-child { margin-bottom: 0; } /* Line Height Trim */ :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::before, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::before { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-top)); } :not(.u-text-trim-off) > :is(h1,h2,h3,h4,h5,h6,p):not(.u-text-trim-off,:has([class*="u-text-style-"]))::after, [class*="u-text-style-"]:not(.u-text-trim-off,:has(h1,h2,h3,h4,h5,h6,p))::after { content: ""; display: table; margin-bottom: calc(-0.5lh + var(--_text-style---trim-bottom)); } .u-line-clamp-2:not(.w-richtext), .u-line-clamp-2.w-richtext > * { -webkit-line-clamp: 2; } .u-line-clamp-3:not(.w-richtext), .u-line-clamp-3.w-richtext > * { -webkit-line-clamp: 3; } .u-line-clamp-4:not(.w-richtext), .u-line-clamp-4.w-richtext > * { -webkit-line-clamp: 4; } /* Text Max Width */ .u-text > * { width: 100%; max-width: inherit !important; margin-inline: 0 !important; margin-top: 0 !important; } /* Background Slot Children */ .u-background-slot > * { position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: unset !important; } /* Hide */ .u-hide-if-empty:empty, .u-hide-if-empty:has(> *):not(:has(> :not(.w-condition-invisible))), .u-hide-if-empty-cms:not(:has(.w-dyn-item)), [class*="u-layout-column"]:empty { display: none !important; } /* Slot Styler */ [data-slot] > .w-dyn-list, [data-slot] > .w-dyn-list > *, [data-slot] > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .w-dyn-list > * > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > *, [data-slot] > .u-display-contents > .u-display-contents > .w-dyn-list > * > * { display: contents; } /* Layout Slot */ .u-layout-column-2:has(> :not(.u-image-wrapper,.u-video,.u-iframe-wapper,.u-overlay)) { aspect-ratio: auto; border-radius: 0; overflow: visible; } /* ── Component Bases ──────────────────────────── */ /* ============================================= */ /* HEADING COMPONENT STYLES */ /* ============================================= */ .c-heading { font-family: var(--_text-style---font-family); font-size: var(--_text-style---font-size); line-height: var(--_text-style---line-height); font-weight: var(--_text-style---font-weight); letter-spacing: var(--_text-style---letter-spacing); text-transform: var(--_text-style---text-transform, none); } /* H3 variant */ .c-heading[data-style="h3"] { --_text-style---font-family: var(--_typography---font--primary-family); --_text-style---font-size: var(--_typography---font-size--h3); --_text-style---line-height: var(--_typography---line-height--medium); --_text-style---font-weight: var(--_typography---font--primary-regular); --_text-style---letter-spacing: var(--_typography---letter-spacing--tight); } /* ── Interaction System ────────────────────────── */ @container (width < 50em) { .marquee_offset { --slide-count: var(--md); } } @container (width < 35em) { .marquee_offset { --slide-count: var(--sm); } } @container (width < 20em) { .marquee_offset { --slide-count: var(--xs); } } /* Overflow hidden variant */ [data-wf--marquee--style="overflow-hidden"] .marquee_element.swiper { overflow: hidden; } /* Secondary button style using data attribute */ [data-wf--button-main--variant="secondary"] .button_main_element { background-color: transparent; border-color: var(--_theme---text); color: var(--_theme---text); box-shadow: 0 5px 0 0 var(--swatch--brand-500); transition: box-shadow 0.2s ease, transform 0.2s ease; } [data-wf--button-main--variant="secondary"] .button_main_element:hover { background-color: transparent; box-shadow: 0 0 0 0 var(--swatch--brand-500); transform: translate(0, 5px); } /* Orchid mode for secondary buttons */ [data-wf--button-main--variant="secondary"][data-button-mode="orchid"] .button_main_element { box-shadow: 0 5px 0 0 var(--swatch--orchid-500); } [data-wf--button-main--variant="secondary"][data-button-mode="orchid"] .button_main_element:hover { box-shadow: 0 0 0 0 var(--swatch--orchid-500); } @container (width < 35em) { .contact_form_grid { grid-template-columns: 1fr; } } @container (width < 50em) { .historia_quote_box .u-flex-horizontal-nowrap { flex-direction: column; } .historia_quote_image { max-width: 100%; } } /* Threshold mirrored in site.css (which also sizes the two columns and is the copy that wins — it loads last). Kept in sync so the two files don't drift. */ @container (width < 62rem) { .historia_intro_box > .u-flex-horizontal-nowrap { flex-direction: column; text-align: center; } .historia_intro_box .u-flex-horizontal-nowrap .u-flex-horizontal-nowrap { justify-content: center; } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } .tab_button_list:has([data-wf--tab-link--variant="link"]) { gap: 0rem; } .tab_button_list:has([data-wf--tab-link--variant="link"]) { gap: 0rem; } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 50em) { .marquee_offset { --slide-count: var(--md); } } @container (width < 35em) { .marquee_offset { --slide-count: var(--sm); } } @container (width < 20em) { .marquee_offset { --slide-count: var(--xs); } } /* Overflow hidden variant */ [data-wf--marquee--style="overflow-hidden"] .marquee_element.swiper { overflow: hidden; } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } .tab_button_list:has([data-wf--tab-link--variant="link"]) { gap: 0rem; } .tab_button_list:has([data-wf--tab-link--variant="link"]) { gap: 0rem; } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } @container (width < 40em) { .form_fieldset_list:has(.form_fieldset_list) { display: flex; } } @container (width < 18em) { .form_fieldset_list { display: flex; } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } /* State Manager */ [data-state] { --_state---true: 1; --_state---false: 0; } .is-active, [data-state~="checked"]:is(:checked, :has(:checked)), [data-state~="current"]:is(.w--current, :has(.w--current)), [data-state~="open"]:is(.w--open, :has(.w--open)), [data-state~="pressed"]:is([aria-pressed="true"], :has([aria-pressed="true"])), [data-state~="expanded"]:is([aria-expanded="true"], :has([aria-expanded="true"])), [data-state~="external"]:is([target="_blank"], :has([target="_blank"])) { --_state---true: 0; --_state---false: 1; } .wf-design-mode [data-trigger~="preview"], [data-trigger~="focus"]:is(:focus-visible, :has(:focus-visible)), [data-trigger~="group"]:has([data-trigger~="focus-other"]:focus-visible, [data-trigger~="focus-other"] :focus-visible) [data-trigger~="focus-other"]:not(:focus-visible, :has(:focus-visible)) { --_trigger---on: 0; --_trigger---off: 1; } @container (width < 50em) { * { --_responsive---large: 0; --_responsive---medium: 1; --flex-medium: flex; --none-medium: none; --column-medium: column; --row-medium: row; --start-medium: start; --center-medium: center; --end-medium: end; --relative-medium: relative; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-medium-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-medium { order: -1; } .u-order-auto-medium { order: 0; } .u-order-last-medium { order: 1; } .u-display-contents-medium { display: contents; } .u-display-block-medium { display: block; } .u-display-grid-medium { display: grid; } .u-display-flex-medium { display: flex; } .u-display-none-medium { display: none; } .u-all-unset-medium { all: unset; } .slider_offset { --slide-count: var(--md); } } @container (width < 35em) { * { --_responsive---medium: 0; --_responsive---small: 1; --flex-small: flex; --none-small: none; --column-small: column; --row-small: row; --start-small: start; --center-small: center; --end-small: end; --relative-small: relative; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-small-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-small { order: -1; } .u-order-auto-small { order: 0; } .u-order-last-small { order: 1; } .u-display-contents-small { display: contents; } .u-display-block-small { display: block; } .u-display-grid-small { display: grid; } .u-display-flex-small { display: flex; } .u-display-none-small { display: none; } .u-all-unset-small { all: unset; } .slider_offset { --slide-count: var(--sm); } } @container (width < 20em) { * { --_responsive---small: 0; --_responsive---xsmall: 1; --flex-xsmall: flex; --none-xsmall: none; --column-xsmall: column; --row-xsmall: row; --start-xsmall: start; --center-xsmall: center; --end-xsmall: end; --relative-xsmall: relative; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="1"] { display: flex; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="2"] { display: grid; --_column-count---value: 2; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="3"] { display: grid; --_column-count---value: 3; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="4"] { display: grid; --_column-count---value: 4; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="5"] { display: grid; --_column-count---value: 5; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="6"] { display: grid; --_column-count---value: 6; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="7"] { display: grid; --_column-count---value: 7; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="8"] { display: grid; --_column-count---value: 8; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="9"] { display: grid; --_column-count---value: 9; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="10"] { display: grid; --_column-count---value: 10; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="11"] { display: grid; --_column-count---value: 11; } :not([data-wf--grid--variant*="auto"]) > [data-xsmall-columns="12"] { display: grid; --_column-count---value: 12; } .u-order-first-xsmall { order: -1; } .u-order-auto-xsmall { order: 0; } .u-order-last-xsmall { order: 1; } .u-display-contents-xsmall { display: contents; } .u-display-block-xsmall { display: block; } .u-display-grid-xsmall { display: grid; } .u-display-flex-xsmall { display: flex; } .u-display-none-xsmall { display: none; } .u-all-unset-xsmall { all: unset; } .slider_offset { --slide-count: var(--xs); } } /* ── Structural (Webflow Components) ──────────── */ .styleguide_nav_link.w--current { border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: currentColor; } .styleguide_nav_sub_link.w--current { opacity: 1; } .nav_button_wrap.w--open { color: inherit; background-color: #0000; } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-embed:after { clear: both; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input::placeholder, .w-select::placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0px 0px 0px 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-slider-arrow-left [class^='w-icon-'], .w-slider-arrow-right [class^='w-icon-'], .w-slider-arrow-left [class*=' w-icon-'], .w-slider-arrow-right [class*=' w-icon-'] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-slider-aria-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .w-slider-force-show { display: block !important; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before { cursor: default!important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation='over-left'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-left'] .w-nav-overlay, .w-nav[data-animation='over-left'] [data-nav-menu-open] { right: auto; z-index: 1; top: 0; } .w-nav[data-animation='over-right'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-right'] .w-nav-overlay, .w-nav[data-animation='over-right'] [data-nav-menu-open] { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { background-color: #C8C8C8; color: white; } .w-nav[data-collapse='all'] .w-nav-menu { display: none; } .w-nav[data-collapse='all'] .w-nav-button { display: block; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-link:focus { outline: 0; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-embed:after { clear: both; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input::placeholder, .w-select::placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0px 0px 0px 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-slider-arrow-left [class^='w-icon-'], .w-slider-arrow-right [class^='w-icon-'], .w-slider-arrow-left [class*=' w-icon-'], .w-slider-arrow-right [class*=' w-icon-'] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-slider-aria-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .w-slider-force-show { display: block !important; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before { cursor: default!important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation='over-left'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-left'] .w-nav-overlay, .w-nav[data-animation='over-left'] [data-nav-menu-open] { right: auto; z-index: 1; top: 0; } .w-nav[data-animation='over-right'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-right'] .w-nav-overlay, .w-nav[data-animation='over-right'] [data-nav-menu-open] { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { background-color: #C8C8C8; color: white; } .w-nav[data-collapse='all'] .w-nav-menu { display: none; } .w-nav[data-collapse='all'] .w-nav-button { display: block; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-link:focus { outline: 0; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .styleguide_nav_link.w--current { border-left-style: solid; border-left-width: var(--border-width--main); border-left-color: currentColor; } .styleguide_nav_sub_link.w--current { opacity: 1; } .nav_button_wrap.w--open { color: inherit; background-color: #0000; } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-embed:after { clear: both; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input::placeholder, .w-select::placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0px 0px 0px 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-slider-arrow-left [class^='w-icon-'], .w-slider-arrow-right [class^='w-icon-'], .w-slider-arrow-left [class*=' w-icon-'], .w-slider-arrow-right [class*=' w-icon-'] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-slider-aria-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .w-slider-force-show { display: block !important; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before { cursor: default!important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation='over-left'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-left'] .w-nav-overlay, .w-nav[data-animation='over-left'] [data-nav-menu-open] { right: auto; z-index: 1; top: 0; } .w-nav[data-animation='over-right'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-right'] .w-nav-overlay, .w-nav[data-animation='over-right'] [data-nav-menu-open] { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { background-color: #C8C8C8; color: white; } .w-nav[data-collapse='all'] .w-nav-menu { display: none; } .w-nav[data-collapse='all'] .w-nav-button { display: block; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-link:focus { outline: 0; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w-embed:before, .w-embed:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-embed:after { clear: both; } .w-form { margin: 0 0 15px; } .w-form-done { display: none; padding: 20px; text-align: center; background-color: #dddddd; } .w-form-fail { display: none; margin-top: 10px; padding: 10px; background-color: #ffdede; } .w-input, .w-select { display: block; width: 100%; height: 38px; padding: 8px 12px; margin-bottom: 10px; font-size: 14px; line-height: 1.42857143; color: #333333; vertical-align: middle; background-color: #ffffff; border: 1px solid #cccccc; } .w-input::placeholder, .w-select::placeholder { color: #999; } .w-input:focus, .w-select:focus { border-color: #3898EC; outline: 0; } .w-input[disabled], .w-select[disabled], .w-input[readonly], .w-select[readonly], fieldset[disabled] .w-input, fieldset[disabled] .w-select { cursor: not-allowed; } .w-input[disabled]:not(.w-input-disabled), .w-select[disabled]:not(.w-input-disabled), .w-input[readonly], .w-select[readonly], fieldset[disabled]:not(.w-input-disabled) .w-input, fieldset[disabled]:not(.w-input-disabled) .w-select { background-color: #eeeeee; } textarea.w-input, textarea.w-select { height: auto; } .w-select { background-color: #f3f3f3; } .w-select[multiple] { height: auto; } .w-form-label { display: inline-block; cursor: pointer; font-weight: normal; margin-bottom: 0px; } .w-slider { position: relative; height: 300px; text-align: center; background: #dddddd; clear: both; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-mask { position: relative; display: block; overflow: hidden; z-index: 1; left: 0; right: 0; height: 100%; white-space: nowrap; } .w-slide { position: relative; display: inline-block; vertical-align: top; width: 100%; height: 100%; white-space: normal; text-align: left; } .w-slider-nav { position: absolute; z-index: 2; top: auto; right: 0; bottom: 0; left: 0; margin: auto; padding-top: 10px; height: 40px; text-align: center; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); } .w-slider-nav.w-round > div { border-radius: 100%; } .w-slider-nav.w-num > div { width: auto; height: auto; padding: 0.2em 0.5em; font-size: inherit; line-height: inherit; } .w-slider-nav.w-shadow > div { box-shadow: 0 0 3px rgba(51, 51, 51, 0.4); } .w-slider-nav-invert { color: #fff; } .w-slider-nav-invert > div { background-color: rgba(34, 34, 34, 0.4); } .w-slider-nav-invert > div.w-active { background-color: #222; } .w-slider-dot { position: relative; display: inline-block; width: 1em; height: 1em; background-color: rgba(255, 255, 255, 0.4); cursor: pointer; margin: 0 3px 0.5em; transition: background-color 100ms, color 100ms; } .w-slider-dot.w-active { background-color: #fff; } .w-slider-dot:focus { outline: none; box-shadow: 0px 0px 0px 2px #fff; } .w-slider-dot:focus.w-active { box-shadow: none; } .w-slider-arrow-left, .w-slider-arrow-right { position: absolute; width: 80px; top: 0; right: 0; bottom: 0; left: 0; margin: auto; cursor: pointer; overflow: hidden; color: white; font-size: 40px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-slider-arrow-left [class^='w-icon-'], .w-slider-arrow-right [class^='w-icon-'], .w-slider-arrow-left [class*=' w-icon-'], .w-slider-arrow-right [class*=' w-icon-'] { position: absolute; } .w-slider-arrow-left:focus, .w-slider-arrow-right:focus { outline: 0; } .w-slider-arrow-left { z-index: 3; right: auto; } .w-slider-arrow-right { z-index: 4; left: auto; } .w-slider-aria-label { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .w-slider-force-show { display: block !important; } .w-dropdown { display: inline-block; position: relative; text-align: left; margin-left: auto; margin-right: auto; z-index: 900; } .w-dropdown-btn, .w-dropdown-toggle, .w-dropdown-link { position: relative; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; white-space: nowrap; } .w-dropdown-toggle { user-select: none; display: inline-block; cursor: pointer; padding-right: 40px; } .w-dropdown-toggle:focus { outline: 0; } .w-dropdown-list { position: absolute; background: #dddddd; display: none; min-width: 100%; } .w-dropdown-list.w--open { display: block; } .w-dropdown-link { padding: 10px 20px; display: block; color: #222222; } .w-dropdown-link.w--current { color: #0082f3; } .w-dropdown-link:focus { outline: 0; } .w-richtext:before, .w-richtext:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-richtext:after { clear: both; } .w-richtext[contenteditable="true"]:before, .w-richtext[contenteditable="true"]:after { white-space: initial; } .w-richtext ol, .w-richtext ul { overflow: hidden; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-video div:after, .w-richtext .w-richtext-figure-selected[data-rt-type="video"] div:after { outline: 2px solid #2895f7; } .w-richtext .w-richtext-figure-selected.w-richtext-figure-type-image div, .w-richtext .w-richtext-figure-selected[data-rt-type="image"] div { outline: 2px solid #2895f7; } .w-richtext figure.w-richtext-figure-type-video > div:after, .w-richtext figure[data-rt-type="video"] > div:after { content: ''; position: absolute; display: none; left: 0; top: 0; right: 0; bottom: 0; } .w-richtext figure { position: relative; max-width: 60%; } .w-richtext figure > div:before { cursor: default!important; } .w-richtext figure img { width: 100%; } .w-richtext figure figcaption.w-richtext-figcaption-placeholder { opacity: 0.6; } .w-richtext figure div { /* fix incorrectly sized selection border in the data manager */ font-size: 0px; color: transparent; } .w-richtext figure.w-richtext-figure-type-image, .w-richtext figure[data-rt-type="image"] { display: table; } .w-richtext figure.w-richtext-figure-type-image > div, .w-richtext figure[data-rt-type="image"] > div { display: inline-block; } .w-richtext figure.w-richtext-figure-type-image > figcaption, .w-richtext figure[data-rt-type="image"] > figcaption { display: table-caption; caption-side: bottom; } .w-richtext figure.w-richtext-figure-type-video, .w-richtext figure[data-rt-type="video"] { width: 60%; height: 0; } .w-richtext figure.w-richtext-figure-type-video iframe, .w-richtext figure[data-rt-type="video"] iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .w-richtext figure.w-richtext-figure-type-video > div, .w-richtext figure[data-rt-type="video"] > div { width: 100%; } .w-richtext figure.w-richtext-align-center { margin-right: auto; margin-left: auto; clear: both; } .w-richtext figure.w-richtext-align-center.w-richtext-figure-type-image > div, .w-richtext figure.w-richtext-align-center[data-rt-type="image"] > div { max-width: 100%; } .w-richtext figure.w-richtext-align-normal { clear: both; } .w-richtext figure.w-richtext-align-fullwidth { width: 100%; max-width: 100%; text-align: center; clear: both; display: block; margin-right: auto; margin-left: auto; } .w-richtext figure.w-richtext-align-fullwidth > div { display: inline-block; /* padding-bottom is used for aspect ratios in video figures we want the div to inherit that so hover/selection borders in the designer-canvas fit right*/ padding-bottom: inherit; } .w-richtext figure.w-richtext-align-fullwidth > figcaption { display: block; } .w-richtext figure.w-richtext-align-floatleft { float: left; margin-right: 15px; clear: none; } .w-richtext figure.w-richtext-align-floatright { float: right; margin-left: 15px; clear: none; } .w-nav { position: relative; background: #dddddd; z-index: 1000; } .w-nav:before, .w-nav:after { content: " "; display: table; grid-column-start: 1; grid-row-start: 1; grid-column-end: 2; grid-row-end: 2; } .w-nav:after { clear: both; } .w-nav-brand { position: relative; float: left; text-decoration: none; color: #333333; } .w-nav-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; color: #222222; padding: 20px; text-align: left; margin-left: auto; margin-right: auto; } .w-nav-link.w--current { color: #0082f3; } .w-nav-menu { position: relative; float: right; } .w-nav-overlay { position: absolute; overflow: hidden; display: none; top: 100%; left: 0; right: 0; width: 100%; } .w-nav-overlay [data-nav-menu-open] { top: 0; } .w-nav[data-animation='over-left'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-left'] .w-nav-overlay, .w-nav[data-animation='over-left'] [data-nav-menu-open] { right: auto; z-index: 1; top: 0; } .w-nav[data-animation='over-right'] .w-nav-overlay { width: auto; } .w-nav[data-animation='over-right'] .w-nav-overlay, .w-nav[data-animation='over-right'] [data-nav-menu-open] { left: auto; z-index: 1; top: 0; } .w-nav-button { position: relative; float: right; padding: 18px; font-size: 24px; display: none; cursor: pointer; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); tap-highlight-color: rgba(0, 0, 0, 0); user-select: none; } .w-nav-button:focus { outline: 0; } .w-nav-button.w--open { background-color: #C8C8C8; color: white; } .w-nav[data-collapse='all'] .w-nav-menu { display: none; } .w-nav[data-collapse='all'] .w-nav-button { display: block; } .w-tab-menu { position: relative; } .w-tab-link { position: relative; display: inline-block; vertical-align: top; text-decoration: none; padding: 9px 30px; text-align: left; cursor: pointer; color: #222222; background-color: #dddddd; } .w-tab-link.w--current { background-color: #C8C8C8; } .w-tab-link:focus { outline: 0; } .w-tab-content { position: relative; display: block; overflow: hidden; } .w-tab-pane { position: relative; display: none; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } /* dropdown list: initial state */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { /* removes display none to enable css transitions */ display: grid !important; grid-template-columns: minmax(0, 1fr); /* sets list to 0 height by default */ grid-template-rows: 0fr; transition: grid-template-rows var(--nav--dropdown-close-duration); /* makes list content not focusable when closed */ visibility: hidden; opacity: 0; } /* makes list content focusable when opened */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { visibility: visible; opacity: 1; } /* sets list child to overflow hidden to enable css height transition */ .nav_dropdown_component > .w-dropdown-list > * { overflow: hidden; } /* set open state of dropdown list */ .nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); grid-template-rows: 1fr; } /* on desktop, delay dropdown opening if another dropdown is open */ .nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { transition-delay: var(--nav--dropdown-close-duration); } .nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { opacity: 1; } /* menu open */ .nav_component:has(.w-nav-button.w--open) .w-nav-menu { animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; } /* menu close */ .nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; } /* position overflow to top of screen */ .nav_component .w-nav-overlay { top: 0; min-height: 100vh; } /* open dropdown on mobile */ .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { display: none; } .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { visibility: visible !important; opacity: 1 !important; display: block !important; grid-template-rows: 1fr !important; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } /* dropdown list: initial state */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { /* removes display none to enable css transitions */ display: grid !important; grid-template-columns: minmax(0, 1fr); /* sets list to 0 height by default */ grid-template-rows: 0fr; transition: grid-template-rows var(--nav--dropdown-close-duration); /* makes list content not focusable when closed */ visibility: hidden; opacity: 0; } /* makes list content focusable when opened */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { visibility: visible; opacity: 1; } /* sets list child to overflow hidden to enable css height transition */ .nav_dropdown_component > .w-dropdown-list > * { overflow: hidden; } /* set open state of dropdown list */ .nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); grid-template-rows: 1fr; } /* on desktop, delay dropdown opening if another dropdown is open */ .nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { transition-delay: var(--nav--dropdown-close-duration); } .nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { opacity: 1; } /* menu open */ .nav_component:has(.w-nav-button.w--open) .w-nav-menu { animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; } /* menu close */ .nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; } /* position overflow to top of screen */ .nav_component .w-nav-overlay { top: 0; min-height: 100vh; } /* open dropdown on mobile */ .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { display: none; } .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { visibility: visible !important; opacity: 1 !important; display: block !important; grid-template-rows: 1fr !important; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } /* dropdown list: initial state */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { /* removes display none to enable css transitions */ display: grid !important; grid-template-columns: minmax(0, 1fr); /* sets list to 0 height by default */ grid-template-rows: 0fr; transition: grid-template-rows var(--nav--dropdown-close-duration); /* makes list content not focusable when closed */ visibility: hidden; opacity: 0; } /* makes list content focusable when opened */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { visibility: visible; opacity: 1; } /* sets list child to overflow hidden to enable css height transition */ .nav_dropdown_component > .w-dropdown-list > * { overflow: hidden; } /* set open state of dropdown list */ .nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); grid-template-rows: 1fr; } /* on desktop, delay dropdown opening if another dropdown is open */ .nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { transition-delay: var(--nav--dropdown-close-duration); } .nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { opacity: 1; } /* menu open */ .nav_component:has(.w-nav-button.w--open) .w-nav-menu { animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; } /* menu close */ .nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; } /* position overflow to top of screen */ .nav_component .w-nav-overlay { top: 0; min-height: 100vh; } /* open dropdown on mobile */ .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { display: none; } .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { visibility: visible !important; opacity: 1 !important; display: block !important; grid-template-rows: 1fr !important; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } /* dropdown list: initial state */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { /* removes display none to enable css transitions */ display: grid !important; grid-template-columns: minmax(0, 1fr); /* sets list to 0 height by default */ grid-template-rows: 0fr; transition: grid-template-rows var(--nav--dropdown-close-duration); /* makes list content not focusable when closed */ visibility: hidden; opacity: 0; } /* makes list content focusable when opened */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { visibility: visible; opacity: 1; } /* sets list child to overflow hidden to enable css height transition */ .nav_dropdown_component > .w-dropdown-list > * { overflow: hidden; } /* set open state of dropdown list */ .nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); grid-template-rows: 1fr; } /* on desktop, delay dropdown opening if another dropdown is open */ .nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { transition-delay: var(--nav--dropdown-close-duration); } .nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { opacity: 1; } /* menu open */ .nav_component:has(.w-nav-button.w--open) .w-nav-menu { animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; } /* menu close */ .nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; } /* position overflow to top of screen */ .nav_component .w-nav-overlay { top: 0; min-height: 100vh; } /* open dropdown on mobile */ .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { display: none; } .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { visibility: visible !important; opacity: 1 !important; display: block !important; grid-template-rows: 1fr !important; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } /* dropdown list: initial state */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { /* removes display none to enable css transitions */ display: grid !important; grid-template-columns: minmax(0, 1fr); /* sets list to 0 height by default */ grid-template-rows: 0fr; transition: grid-template-rows var(--nav--dropdown-close-duration); /* makes list content not focusable when closed */ visibility: hidden; opacity: 0; } /* makes list content focusable when opened */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { visibility: visible; opacity: 1; } /* sets list child to overflow hidden to enable css height transition */ .nav_dropdown_component > .w-dropdown-list > * { overflow: hidden; } /* set open state of dropdown list */ .nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); grid-template-rows: 1fr; } /* on desktop, delay dropdown opening if another dropdown is open */ .nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { transition-delay: var(--nav--dropdown-close-duration); } .nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { opacity: 1; } /* menu open */ .nav_component:has(.w-nav-button.w--open) .w-nav-menu { animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; } /* menu close */ .nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; } /* position overflow to top of screen */ .nav_component .w-nav-overlay { top: 0; min-height: 100vh; } /* open dropdown on mobile */ .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { display: none; } .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { visibility: visible !important; opacity: 1 !important; display: block !important; grid-template-rows: 1fr !important; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } /* dropdown list: initial state */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { /* removes display none to enable css transitions */ display: grid !important; grid-template-columns: minmax(0, 1fr); /* sets list to 0 height by default */ grid-template-rows: 0fr; transition: grid-template-rows var(--nav--dropdown-close-duration); /* makes list content not focusable when closed */ visibility: hidden; opacity: 0; } /* makes list content focusable when opened */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { visibility: visible; opacity: 1; } /* sets list child to overflow hidden to enable css height transition */ .nav_dropdown_component > .w-dropdown-list > * { overflow: hidden; } /* set open state of dropdown list */ .nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); grid-template-rows: 1fr; } /* on desktop, delay dropdown opening if another dropdown is open */ .nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { transition-delay: var(--nav--dropdown-close-duration); } .nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { opacity: 1; } /* menu open */ .nav_component:has(.w-nav-button.w--open) .w-nav-menu { animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; } /* menu close */ .nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; } /* position overflow to top of screen */ .nav_component .w-nav-overlay { top: 0; min-height: 100vh; } /* open dropdown on mobile */ .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { display: none; } .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { visibility: visible !important; opacity: 1 !important; display: block !important; grid-template-rows: 1fr !important; } /* Ensure all elements inherit the color from its parent */ a, .w-input, .w-select, .w-tab-link, .w-nav-link, .w-nav-brand, .w-dropdown-btn, .w-dropdown-toggle, .w-slider-arrow-left, .w-slider-arrow-right, .w-dropdown-link { color: inherit; text-decoration: inherit; font-size: inherit; } /* Get rid of top margin on first element in any rich text element */ .w-richtext > :not(div):first-child, .w-richtext > div:first-child > :first-child { margin-top: 0 !important; } /* Get rid of bottom margin on last element in any rich text element */ .w-richtext>:last-child, .w-richtext ol li:last-child, .w-richtext ul li:last-child { margin-bottom: 0 !important; } .w-slider-dot { background-color: var(--color-scheme-1--text); opacity: 0.20; } .w-slider-dot.w-active { background-color: var(--color-scheme-1--text); opacity: 1; } /* Override .w-slider-nav-invert styles */ .w-slider-nav-invert .w-slider-dot { background-color: var(--color-scheme-1--text) !important; opacity: 0.20 !important; } .w-slider-nav-invert .w-slider-dot.w-active { background-color: var(--color-scheme-1--text) !important; opacity: 1 !important; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } /* dropdown list: initial state */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { /* removes display none to enable css transitions */ display: grid !important; grid-template-columns: minmax(0, 1fr); /* sets list to 0 height by default */ grid-template-rows: 0fr; transition: grid-template-rows var(--nav--dropdown-close-duration); /* makes list content not focusable when closed */ visibility: hidden; opacity: 0; } /* makes list content focusable when opened */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { visibility: visible; opacity: 1; } /* sets list child to overflow hidden to enable css height transition */ .nav_dropdown_component > .w-dropdown-list > * { overflow: hidden; } /* set open state of dropdown list */ .nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); grid-template-rows: 1fr; } /* on desktop, delay dropdown opening if another dropdown is open */ .nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { transition-delay: var(--nav--dropdown-close-duration); } .nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { opacity: 1; } /* menu open */ .nav_component:has(.w-nav-button.w--open) .w-nav-menu { animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; } /* menu close */ .nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; } /* position overflow to top of screen */ .nav_component .w-nav-overlay { top: 0; min-height: 100vh; } /* open dropdown on mobile */ .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { display: none; } .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { visibility: visible !important; opacity: 1 !important; display: block !important; grid-template-rows: 1fr !important; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } /* dropdown list: initial state */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { /* removes display none to enable css transitions */ display: grid !important; grid-template-columns: minmax(0, 1fr); /* sets list to 0 height by default */ grid-template-rows: 0fr; transition: grid-template-rows var(--nav--dropdown-close-duration); /* makes list content not focusable when closed */ visibility: hidden; opacity: 0; } /* makes list content focusable when opened */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { visibility: visible; opacity: 1; } /* sets list child to overflow hidden to enable css height transition */ .nav_dropdown_component > .w-dropdown-list > * { overflow: hidden; } /* set open state of dropdown list */ .nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); grid-template-rows: 1fr; } /* on desktop, delay dropdown opening if another dropdown is open */ .nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { transition-delay: var(--nav--dropdown-close-duration); } .nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { opacity: 1; } /* menu open */ .nav_component:has(.w-nav-button.w--open) .w-nav-menu { animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; } /* menu close */ .nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; } /* position overflow to top of screen */ .nav_component .w-nav-overlay { top: 0; min-height: 100vh; } /* open dropdown on mobile */ .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { display: none; } .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { visibility: visible !important; opacity: 1 !important; display: block !important; grid-template-rows: 1fr !important; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } .styleguide_nav_item:has(.w--current) .styleguide_nav_sub_wrap, .styleguide_nav_item:is(:hover, :focus-within) .styleguide_nav_sub_wrap { grid-template-rows: 1fr !important; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } body:has(.nav_component .w-nav-button.w--open):not(:has(.nav_desktop_wrap:not(.w-condition-invisible))) { overflow: hidden; } /* dropdown list: initial state */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list { /* removes display none to enable css transitions */ display: grid !important; grid-template-columns: minmax(0, 1fr); /* sets list to 0 height by default */ grid-template-rows: 0fr; transition: grid-template-rows var(--nav--dropdown-close-duration); /* makes list content not focusable when closed */ visibility: hidden; opacity: 0; } /* makes list content focusable when opened */ html:not(.wf-design-mode) .nav_dropdown_component > .w-dropdown-list.w--open { visibility: visible; opacity: 1; } /* sets list child to overflow hidden to enable css height transition */ .nav_dropdown_component > .w-dropdown-list > * { overflow: hidden; } /* set open state of dropdown list */ .nav_dropdown_component:has(> .w-dropdown-toggle[aria-expanded="true"]) > .w-dropdown-list { --nav--dropdown-close-duration: var(--nav--dropdown-open-duration); grid-template-rows: 1fr; } /* on desktop, delay dropdown opening if another dropdown is open */ .nav_desktop_wrap:has(.nav_dropdown_component > .w-dropdown-toggle.w--open[aria-expanded="false"]) .nav_dropdown_component:has(> .w--open[aria-expanded="true"]) > .w-dropdown-list { transition-delay: var(--nav--dropdown-close-duration); } .nav_component:has(.w-nav-button.w--open) .nav_menu_backdrop { opacity: 1; } /* menu open */ .nav_component:has(.w-nav-button.w--open) .w-nav-menu { animation: menuOpen var(--nav--menu-open-duration) ease-in-out forwards; } /* menu close */ .nav_component:has(.w-nav-button:not(.w--open)) .w-nav-menu { animation: menuClose var(--nav--menu-close-duration) ease-in-out forwards; } /* position overflow to top of screen */ .nav_component .w-nav-overlay { top: 0; min-height: 100vh; } /* open dropdown on mobile */ .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-toggle { display: none; } .nav_mobile_wrap [data-open-on-mobile] > .w-dropdown-list { visibility: visible !important; opacity: 1 !important; display: block !important; grid-template-rows: 1fr !important; } .w-embed:before, .w-embed:after, .w-richtext:before, .w-richtext:after { content: unset; } /* Rich Text Links */ .w-richtext a { position: relative; z-index: 4; } /* Line Clamp */ [class*="u-line-clamp"]:not(.w-richtext), [class*="u-line-clamp"].w-richtext > * { display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; } [class*="u-line-clamp"].w-richtext > :not(:first-child) { display: none; } .styleguide_nav_item:has(.w--current) .styleguide_nav_sub_wrap, .styleguide_nav_item:is(:hover, :focus-within) .styleguide_nav_sub_wrap { grid-template-rows: 1fr !important; } /* ── Keyframes ────────────────────────────────── */ @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes spin { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes menuClose { from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } @keyframes menuClose { from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } @keyframes bounce { 0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); } 40% { transform: translateX(-50%) translateY(-10px); } 60% { transform: translateX(-50%) translateY(-5px); } } @keyframes menuClose { from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } @keyframes drawProgress { to { stroke-dasharray: var(--circumference) 10000; } } @keyframes pulseComplete { 0% { stroke-width: 2; stroke: white; opacity: 1; } 50% { stroke-width: 4; stroke: white; opacity: 1; } 100% { stroke-width: 3; stroke: white; opacity: 0.9; } } @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } @keyframes menuClose { from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } @keyframes menuClose { from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } @keyframes menuClose { from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } @keyframes menuClose { from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } @keyframes menuClose { from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } @keyframes scroll-left { 0% { transform: translateX(0%); } 100% { transform: translateX(-100%); } } @keyframes menuClose { from { clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%); } to { clip-path: polygon(0 0, 100% 0, 100% 0, 0 0); } } /* ── Responsive Breakpoints ───────────────────── */ @media (max-width: 767px) { .u-hide-mobile { display: none; } .u-show-mobile { display: block; } .u-show-mobile-flex { display: flex; } /* Mobile-specific max-width override */ .u-max-width-full-mobile { max-width: 100%; } /* Mobile-specific flex direction */ .u-flex-column-mobile { flex-direction: column; } } @media (max-width: 479px) { .u-hide-mobile-portrait { display: none; } .u-show-mobile-portrait { display: block; } } @media screen and (max-width: 479px) { .u-max-width-full { max-width: 100%; } } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 991px) { .w-nav[data-collapse='medium'] .w-nav-menu { display: none; } .w-nav[data-collapse='medium'] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse='small'] .w-nav-menu { display: none; } .w-nav[data-collapse='small'] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse='tiny'] .w-nav-menu { display: none; } .w-nav[data-collapse='tiny'] .w-nav-button { display: block; } } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 991px) { .w-nav[data-collapse='medium'] .w-nav-menu { display: none; } .w-nav[data-collapse='medium'] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse='small'] .w-nav-menu { display: none; } .w-nav[data-collapse='small'] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse='tiny'] .w-nav-menu { display: none; } .w-nav[data-collapse='tiny'] .w-nav-button { display: block; } } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } @media screen and (max-width: 479px) { .u-max-width-full { max-width: 100%; } } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 991px) { .w-nav[data-collapse='medium'] .w-nav-menu { display: none; } .w-nav[data-collapse='medium'] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse='small'] .w-nav-menu { display: none; } .w-nav[data-collapse='small'] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse='tiny'] .w-nav-menu { display: none; } .w-nav[data-collapse='tiny'] .w-nav-button { display: block; } } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } @media screen and (max-width: 767px) { .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 991px) { .w-nav[data-collapse='medium'] .w-nav-menu { display: none; } .w-nav[data-collapse='medium'] .w-nav-button { display: block; } } @media screen and (max-width: 767px) { .w-nav[data-collapse='small'] .w-nav-menu { display: none; } .w-nav[data-collapse='small'] .w-nav-button { display: block; } .w-nav-brand { padding-left: 10px; } } @media screen and (max-width: 479px) { .w-nav[data-collapse='tiny'] .w-nav-menu { display: none; } .w-nav[data-collapse='tiny'] .w-nav-button { display: block; } } @media screen and (max-width: 479px) { .w-tab-link { display: block; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } } @media (hover: hover) { [data-trigger~="hover"]:hover, [data-trigger~="hover-if-clickable"]:has(.clickable_wrap:not(.w-condition-invisible)):hover, [data-trigger~="group"]:has([data-trigger~="hover-other"]:hover) [data-trigger~="hover-other"]:not(:hover) { --_trigger---on: 0; --_trigger---off: 1; } [data-trigger~="hover-other"]:hover { --_trigger---on: 1 !important; --_trigger---off: 0 !important; } } @media (hover: none) { [data-trigger~="mobile"] { --_trigger---on: 0; --_trigger---off: 1; } }