/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */ @layer properties { @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) { *, :before, :after, ::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-translate-z: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scale-z: 1; --tw-rotate-x: initial; --tw-rotate-y: initial; --tw-rotate-z: initial; --tw-skew-x: initial; --tw-skew-y: initial; --tw-space-y-reverse: 0; --tw-space-x-reverse: 0; --tw-border-style: solid; --tw-gradient-position: initial; --tw-gradient-from: #0000; --tw-gradient-via: #0000; --tw-gradient-to: #0000; --tw-gradient-stops: initial; --tw-gradient-via-stops: initial; --tw-gradient-from-position: 0%; --tw-gradient-via-position: 50%; --tw-gradient-to-position: 100%; --tw-leading: initial; --tw-font-weight: initial; --tw-tracking: initial; --tw-shadow: 0 0 #0000; --tw-shadow-color: initial; --tw-shadow-alpha: 100%; --tw-inset-shadow: 0 0 #0000; --tw-inset-shadow-color: initial; --tw-inset-shadow-alpha: 100%; --tw-ring-color: initial; --tw-ring-shadow: 0 0 #0000; --tw-inset-ring-color: initial; --tw-inset-ring-shadow: 0 0 #0000; --tw-ring-inset: initial; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-offset-shadow: 0 0 #0000; --tw-outline-style: solid; --tw-blur: initial; --tw-brightness: initial; --tw-contrast: initial; --tw-grayscale: initial; --tw-hue-rotate: initial; --tw-invert: initial; --tw-opacity: initial; --tw-saturate: initial; --tw-sepia: initial; --tw-drop-shadow: initial; --tw-drop-shadow-color: initial; --tw-drop-shadow-alpha: 100%; --tw-drop-shadow-size: initial; --tw-backdrop-blur: initial; --tw-backdrop-brightness: initial; --tw-backdrop-contrast: initial; --tw-backdrop-grayscale: initial; --tw-backdrop-hue-rotate: initial; --tw-backdrop-invert: initial; --tw-backdrop-opacity: initial; --tw-backdrop-saturate: initial; --tw-backdrop-sepia: initial; --tw-duration: initial; --tw-ease: initial; --tw-content: ""; } } } @layer theme { :root, :host { --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; --color-red-50: #fbf1f2; --color-red-100: #f7e0e0; --color-red-200: #f3bfc0; --color-red-400: #f37474; --color-red-500: #f54344; --color-red-600: #dc1518; --color-red-700: #a71a1b; --color-orange-100: #ffeadb; --color-orange-300: #ffb55c; --color-orange-400: #ee9d00; --color-orange-500: #c38000; --color-orange-700: #764c00; --color-lime-200: #afda67; --color-lime-300: #95bf47; --color-lime-700: #42502f; --color-green-100: #b9f7c4; --color-green-200: #70e089; --color-green-500: #15883b; --color-green-700: #20562d; --color-teal-900: #061a1c; --color-teal-950: #041012; --color-cyan-200: #30deee; --color-sky-200: #acd6ff; --color-sky-300: #7dc5ff; --color-sky-400: #00b2ff; --color-blue-50: #ecedf8; --color-blue-400: #7285e4; --color-blue-500: #4868e2; --color-blue-600: #2a4dbd; --color-blue-900: #02103b; --color-blue-950: #02061d; --color-purple-50: #f5f2fe; --color-purple-100: #e8e2fe; --color-purple-200: #d2c4fc; --color-purple-300: #bfaafb; --color-purple-400: #aa8bfa; --color-purple-500: #986bf9; --color-purple-600: #8645f6; --color-purple-700: #751be9; --color-purple-800: #4d0f9f; --color-pink-400: oklch(71.8% .202 349.761); --color-gray-50: oklch(98.5% .002 247.839); --color-gray-100: oklch(96.7% .003 264.542); --color-gray-200: oklch(92.8% .006 264.531); --color-gray-300: oklch(87.2% .01 258.338); --color-gray-400: oklch(70.7% .022 261.325); --color-gray-500: oklch(55.1% .027 264.364); --color-gray-600: oklch(44.6% .03 256.802); --color-gray-700: oklch(37.3% .034 259.733); --color-gray-800: oklch(27.8% .033 256.848); --color-gray-900: oklch(21% .034 264.665); --color-zinc-400: oklch(70.5% .015 286.067); --color-zinc-600: oklch(44.2% .017 285.786); --color-zinc-900: oklch(21% .006 285.885); --color-neutral-600: oklch(43.9% 0 0); --color-black: #000; --color-white: #fff; --spacing: .25rem; --breakpoint-lg: 1200px; --breakpoint-xl: 1600px; --container-sm: 24rem; --container-md: 28rem; --container-lg: 32rem; --container-xl: 36rem; --container-2xl: 42rem; --container-3xl: 48rem; --container-4xl: 56rem; --container-5xl: 64rem; --container-6xl: 72rem; --text-xs: .75rem; --text-xs--line-height: 1rem; --text-sm: .875rem; --text-sm--line-height: 1.25rem; --text-base: 1rem; --text-base--line-height: 1.5rem; --text-lg: 1.125rem; --text-lg--line-height: 1.75rem; --text-xl: 1.25rem; --text-xl--line-height: 1.75rem; --text-2xl: 1.5rem; --text-2xl--line-height: calc(2 / 1.5); --text-3xl: 1.875rem; --text-3xl--line-height: 2.25rem; --text-6xl: 3.75rem; --text-6xl--line-height: 1; --font-weight-thin: 100; --font-weight-light: 300; --font-weight-normal: 400; --font-weight-medium: 450; --font-weight-semibold: 600; --font-weight-bold: 550; --font-weight-extrabold: 650; --font-weight-black: 750; --tracking-tight: -.025em; --tracking-normal: 0em; --leading-tight: 1.25; --leading-normal: 1.5; --radius-sm: .25rem; --radius-md: .375rem; --radius-lg: .5rem; --radius-xl: .75rem; --radius-2xl: 1rem; --radius-3xl: 1.5rem; --drop-shadow-lg: 0 4px 4px #00000026; --drop-shadow-xl: 0 9px 7px #0000001a; --ease-out: cubic-bezier(0, 0, .2, 1); --ease-in-out: cubic-bezier(.4, 0, .2, 1); --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite; --blur-sm: 4px; --blur-lg: 16px; --blur-2xl: 40px; --aspect-video: 16 / 9; --default-transition-duration: .15s; --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1); --default-mono-font-family: var(--font-mono); --animate-logo-group-marquee: logo-group-marquee 60s linear infinite; --animate-logo-group-marquee-reverse: logo-group-marquee-reverse 60s linear infinite; --animate-marquee-ltr: marquee-ltr 60s linear infinite; --animate-marquee-rtl: marquee-rtl 60s linear infinite; --color-shade-0: #fff; --color-shade-50: #71717a; --color-shade-100: #000; --color-shade-200: #e4e4e7; --color-shade-300: #d4d4d8; --color-shade-400: #a1a1aa; --color-shade-500: #71717a; --color-shade-600: #52525b; --color-shade-700: #3f3f46; --color-shade-900: #18181b; --color-shade-950: #0e0e10; --color-shade-1000: #000; --color-black-alpha-100: #0000001a; --color-black-alpha-200: #0003; --color-black-alpha-500: #00000080; --color-black-alpha-600: #0009; --color-black-alpha-800: #000c; --color-white-alpha-100: #ffffff1a; --color-white-alpha-200: #fff3; --color-white-alpha-300: #ffffff4d; --color-white-alpha-500: #ffffff80; --color-white-alpha-700: #ffffffb3; --color-white-alpha-800: #fffc; --shadow-light: 0 8px 48px #06060814, 0 4px 8px #18181b0a, 0 0 2px #18181b40; --shadow-dark: 0 8px 48px #18181b3d, 0 4px 8px #18181b29, 0 0 2px #ffffff85; --color-theme-bg-inverse: var(--color-shade-1000); --color-theme-bg-accent: var(--color-shade-1000); --color-theme-bg-cta: var(--color-shade-1000); --color-theme-bg-cta-hover: var(--color-shade-700); --color-theme-bg-cta-active: var(--color-shade-500); --color-theme-bg-cta-disabled: var(--color-shade-300); --color-theme-bg-input: var(--color-shade-0); --color-theme-bg-input-hover: var(--color-shade-200); --color-theme-bg-input-focus: var(--color-shade-300); --color-theme-bg-input-disabled: var(--color-shade-300); --color-theme-bg-input-selected: var(--color-shade-1000); --color-theme-bg-input-selected-hover: var(--color-shade-700); --color-theme-bg-input-selected-active: var(--color-shade-500); --color-theme-bg-input-selected-disabled: var(--color-shade-300); --color-theme-bg-header: var(--color-shade-0); --color-theme-bg-surface-1: var(--color-shade-0); --color-theme-bg-surface-2: var(--color-shade-50); --color-theme-bg-table-heading: var(--color-shade-1000); --color-theme-bg-table-row-heading: var(--color-shade-300); --color-theme-bg-table-cell: var(--color-shade-100); --color-theme-bg-table-cell-hover: var(--color-shade-200); --color-theme-bg-utility-progress: var(--color-lime-300); --color-theme-border: var(--color-black-alpha-200); --color-theme-divider: var(--color-shade-1000); --color-theme-border-cta: var(--color-shade-1000); --color-theme-border-cta-hover: var(--color-shade-700); --color-theme-border-cta-active: var(--color-shade-500); --color-theme-border-cta-disabled: var(--color-shade-300); --color-theme-border-input: var(--color-black-alpha-200); --color-theme-border-input-hover: var(--color-black-alpha-500); --color-theme-border-input-disabled: var(--color-black-alpha-100); --color-theme-border-input-selected: var(--color-shade-1000); --color-theme-border-input-selected-hover: var(--color-shade-700); --color-theme-border-input-selected-active: var(--color-shade-500); --color-theme-border-input-selected-disabled: var(--color-shade-300); --color-theme-border-utility-success: var(--color-green-500); --color-theme-border-utility-warning: var(--color-orange-400); --color-theme-border-utility-error: var(--color-red-500); --color-theme-border-utility-focus: var(--color-purple-700); --color-theme-content: var(--color-shade-1000); --color-theme-content-inverse: var(--color-shade-0); --color-theme-content-heading: var(--color-shade-1000); --color-theme-content-eyebrow: var(--color-shade-1000); --color-theme-content-body: var(--color-black-alpha-600); --color-theme-content-cta: var(--color-shade-1000); --color-theme-content-cta-hover: var(--color-shade-700); --color-theme-content-cta-active: var(--color-shade-500); --color-theme-content-cta-disabled: var(--color-shade-400); --color-theme-content-cta-inverse: var(--color-shade-0); --color-theme-content-cta-inverse-disabled: var(--color-shade-500); --color-theme-content-input: var(--color-shade-1000); --color-theme-content-input-disabled: var(--color-shade-400); --color-theme-content-input-label-disabled: var(--color-shade-400); --color-theme-content-input-label-floating: var(--color-black-alpha-600); --color-theme-content-input-message: var(--color-black-alpha-600); --color-theme-content-input-message-disabled: var(--color-shade-400); --color-theme-content-header: var(--color-shade-900); --color-theme-content-table-heading: var(--color-shade-0); --color-theme-content-table-content: var(--color-shade-1000); --color-theme-icon: var(--color-shade-1000); --color-theme-icon-disabled: var(--color-shade-400); --color-theme-icon-inverse: var(--color-shade-0); --color-theme-icon-inverse-disabled: var(--color-shade-500); --color-theme-icon-utility-success: var(--color-green-500); --color-theme-icon-utility-warning: var(--color-orange-400); --color-theme-icon-utility-error: var(--color-red-500); --shadow-theme-shadow-1: var(--shadow-light); --radius-theme-2xl: .75rem; --radius-theme-5xl: 1.5rem; --radius-theme-full: 9999px; --spacing-gutter: 1rem; --spacing-margin: 1rem; --spacing-xs: .25rem; --spacing-sm: .5rem; --spacing-md: 1rem; --spacing-lg: 1.5rem; --spacing-xl: 2rem; --spacing-2xl: 2.5rem; --spacing-3xl: 4rem; --spacing-4xl: 5rem; --spacing-5xl: 8rem; --header-height: 4.5rem; --spacing-hero-top: calc(var(--header-height)); --spacing-global-header: var(--header-height); --spacing-global-header-with-border: calc(var(--header-height) + 1px); --ease-out-cubic: cubic-bezier(.215, .61, .355, 1); --ease-base: cubic-bezier(.25, .1, .25, 1); --z-index-modal: 100; --z-index-n1: -1; --font-base: Inter-Variable, Helvetica, Arial, sans-serif; --text-dsp: 3.5rem; --text-dsp--font-weight: 330; --text-dsp--line-height: 3.78rem; --text-dsp--letter-spacing: -.01em; --text-t1: 2.75rem; --text-t1--font-weight: 330; --text-t1--line-height: 2.97rem; --text-t1--letter-spacing: -.005em; --text-t2: 2.25rem; --text-t2--font-weight: 330; --text-t2--line-height: 2.52rem; --text-t2--letter-spacing: 0; --text-t3: 1.875rem; --text-t3--font-weight: 330; --text-t3--line-height: 2.1375rem; --text-t3--letter-spacing: 0; --text-t4: 1.625rem; --text-t4--font-weight: 330; --text-t4--line-height: 1.8525rem; --text-t4--letter-spacing: 0; --text-t5: 1.375rem; --text-t5--font-weight: 400; --text-t5--line-height: 1.625rem; --text-t5--letter-spacing: -.005em; --text-t6: 1.125rem; --text-t6--font-weight: 420; --text-t6--line-height: 1.4625rem; --text-t6--letter-spacing: 0; --text-t7: 1rem; --text-t7--font-weight: 450; --text-t7--line-height: 1.3rem; --text-t7--letter-spacing: -.05em; --text-t8: .875rem; --text-t8--font-weight: 450; --text-t8--line-height: 1.1375rem; --text-t8--letter-spacing: 0; --text-body-base: 1rem; --text-body-base--font-weight: 420; --text-body-base--line-height: 1.4rem; --text-body-base--letter-spacing: -.006em; --text-body-sm: .875rem; --text-body-sm--font-weight: 420; --text-body-sm--line-height: 1.1375rem; --text-body-sm--letter-spacing: 0; --text-body-lg: 1.125rem; --text-body-lg--font-weight: 400; --text-body-lg--line-height: 1.575rem; --text-body-lg--letter-spacing: 0; --text-eyebrow-lg: 1rem; --text-eyebrow-lg--font-weight: 550; --text-eyebrow-lg--line-height: 1rem; --text-eyebrow-lg--letter-spacing: -.01em; --text-eyebrow-md: .875rem; --text-eyebrow-md--font-weight: 550; --text-eyebrow-md--line-height: .875rem; --text-eyebrow-md--letter-spacing: 0; --text-eyebrow-sm: .75rem; --text-eyebrow-sm--font-weight: 550; --text-eyebrow-sm--line-height: .75rem; --text-eyebrow-sm--letter-spacing: 0; --text-theme-cta-lg: 1rem; --text-theme-cta-lg--font-weight: 550; --text-theme-cta-lg--line-height: 1.5rem; --text-theme-cta-lg--letter-spacing: 0; --text-theme-cta-sm: 1rem; --text-theme-cta-sm--font-weight: 550; --text-theme-cta-sm--line-height: 1.5rem; --text-theme-cta-sm--letter-spacing: 0; --text-theme-input-label: 1rem; --text-theme-input-label--font-weight: 400; --text-theme-input-label--line-height: 1.5rem; --text-theme-input-label--letter-spacing: 0; --text-theme-input-value: 1rem; --text-theme-input-value--font-weight: 400; --text-theme-input-value--line-height: 1.5rem; --text-theme-input-value--letter-spacing: 0; --text-theme-input-message: .75rem; --text-theme-input-message--font-weight: 400; --text-theme-input-message--line-height: 1.25rem; --text-theme-input-message--letter-spacing: 0; --color-component-accordion-bg: transparent; --color-component-accordion-content: var(--color-theme-content); --color-component-accordion-border: var(--color-theme-border); --color-component-accordion-button-bg: var(--color-theme-bg-cta); --color-component-accordion-button-border: var(--color-theme-border-cta); --color-component-accordion-button-content: var(--color-theme-content-cta-inverse); --color-component-badge-content: var(--color-theme-content-inverse); --color-component-badge-bg: var(--color-theme-bg-accent); --font-component-badge-sm: var(--font-base); --text-component-badge-sm: var(--text-eyebrow-sm); --text-component-badge-sm--font-weight: var(--text-eyebrow-sm--font-weight); --text-component-badge-sm--line-height: var(--text-eyebrow-sm--line-height); --text-component-badge-sm--letter-spacing: var(--text-eyebrow-sm--letter-spacing); --font-component-badge-base: var(--font-base); --text-component-badge-base: var(--text-eyebrow-md); --text-component-badge-base--font-weight: var(--text-eyebrow-md--font-weight); --text-component-badge-base--line-height: var(--text-eyebrow-md--line-height); --text-component-badge-base--letter-spacing: var(--text-eyebrow-md--letter-spacing); --font-component-badge-lg: var(--font-base); --text-component-badge-lg: var(--text-eyebrow-lg); --text-component-badge-lg--font-weight: var(--text-eyebrow-lg--font-weight); --text-component-badge-lg--line-height: var(--text-eyebrow-lg--line-height); --text-component-badge-lg--letter-spacing: var(--text-eyebrow-lg--letter-spacing); --spacing-button-px: 1.25rem; --spacing-button-lg-px: 1.5rem; --spacing-button-py: .5rem; --spacing-button-lg-py: .75rem; --radius-component-button: var(--radius-theme-full); --color-component-button-primary-bg: var(--color-theme-bg-cta); --color-component-button-primary-bg-hover: var(--color-theme-bg-cta-hover); --color-component-button-primary-bg-active: var(--color-theme-bg-cta-active); --color-component-button-primary-bg-disabled: var(--color-theme-bg-cta-disabled); --color-component-button-primary-border: transparent; --color-component-button-primary-border-hover: transparent; --color-component-button-primary-border-active: transparent; --color-component-button-primary-border-disabled: transparent; --color-component-button-primary-content: var(--color-theme-content-cta-inverse); --color-component-button-primary-content-hover: var(--color-theme-content-cta-inverse); --color-component-button-primary-content-active: var(--color-theme-content-cta-inverse); --color-component-button-primary-content-disabled: var(--color-theme-content-cta-inverse-disabled); --font-component-button-primary: var(--font-base); --text-component-button-primary-sm: var(--text-theme-cta-sm); --text-component-button-primary-sm--font-weight: var(--text-theme-cta-sm--font-weight); --text-component-button-primary-sm--line-height: var(--text-theme-cta-sm--line-height); --text-component-button-primary-sm--letter-spacing: var(--text-theme-cta-sm--letter-spacing); --text-component-button-primary-lg: var(--text-theme-cta-lg); --text-component-button-primary-lg--font-weight: var(--text-theme-cta-lg--font-weight); --text-component-button-primary-lg--line-height: var(--text-theme-cta-lg--line-height); --text-component-button-primary-lg--letter-spacing: var(--text-theme-cta-lg--letter-spacing); --color-component-button-secondary-bg: transparent; --color-component-button-secondary-bg-hover: transparent; --color-component-button-secondary-bg-active: transparent; --color-component-button-secondary-bg-disabled: transparent; --color-component-button-secondary-border: var(--color-theme-border-cta); --color-component-button-secondary-border-hover: var(--color-theme-border-cta-hover); --color-component-button-secondary-border-active: var(--color-theme-border-cta-active); --color-component-button-secondary-border-disabled: var(--color-theme-border-cta-disabled); --color-component-button-secondary-content: var(--color-theme-content-cta); --color-component-button-secondary-content-hover: var(--color-theme-content-cta); --color-component-button-secondary-content-active: var(--color-theme-content-cta); --color-component-button-secondary-content-disabled: var(--color-theme-content-cta-disabled); --font-component-button-secondary: var(--font-base); --text-component-button-secondary-sm: var(--text-theme-cta-sm); --text-component-button-secondary-sm--font-weight: var(--text-theme-cta-sm--font-weight); --text-component-button-secondary-sm--line-height: var(--text-theme-cta-sm--line-height); --text-component-button-secondary-sm--letter-spacing: var(--text-theme-cta-sm--letter-spacing); --text-component-button-secondary-lg: var(--text-theme-cta-lg); --text-component-button-secondary-lg--font-weight: var(--text-theme-cta-lg--font-weight); --text-component-button-secondary-lg--line-height: var(--text-theme-cta-lg--line-height); --text-component-button-secondary-lg--letter-spacing: var(--text-theme-cta-lg--letter-spacing); --color-component-button-group-disclaimer-content: var(--color-theme-content-body); --text-component-button-group-disclaimer: var(--text-body-sm); --text-component-button-group-disclaimer--font-weight: var(--text-body-sm--font-weight); --text-component-button-group-disclaimer--line-height: var(--text-body-sm--line-height); --text-component-button-group-disclaimer--letter-spacing: var(--text-body-sm--letter-spacing); --radius-component-button-interface: var(--radius-theme-full); --color-component-button-interface-primary-bg: var(--color-theme-bg-cta); --color-component-button-interface-primary-bg-hover: var(--color-theme-bg-cta-hover); --color-component-button-interface-primary-bg-active: var(--color-theme-bg-cta-active); --color-component-button-interface-primary-bg-disabled: var(--color-theme-bg-cta-disabled); --color-component-button-interface-primary-content: var(--color-theme-content-cta-inverse); --color-component-button-interface-primary-content-disabled: var(--color-theme-content-cta-inverse-disabled); --color-component-button-interface-secondary-bg: transparent; --color-component-button-interface-secondary-border: var(--color-theme-border-cta); --color-component-button-interface-secondary-border-hover: var(--color-theme-border-cta-hover); --color-component-button-interface-secondary-border-active: var(--color-theme-border-cta-active); --color-component-button-interface-secondary-border-disabled: var(--color-theme-border-cta-disabled); --color-component-button-interface-secondary-content: var(--color-theme-content-cta); --color-component-button-interface-secondary-content-disabled: var(--color-theme-content-cta-disabled); --color-component-card-base-bg: var(--color-theme-bg-surface-2); --color-component-card-base-outline-border: var(--color-theme-border); --shadow-component-card-base-shadow: var(--shadow-theme-shadow-1); --color-component-card-base-top-divider-border: var(--color-theme-divider); --radius-component-card-base-radius: var(--radius-theme-2xl); --color-component-featured-card-bg: var(--color-theme-bg-surface-2); --color-component-card-row-border: var(--color-theme-border); --color-component-carousel-border-focus: var(--color-theme-border-utility-focus); --color-component-comparison-table-row-heading-bg: var(--color-theme-bg-table-row-heading); --color-component-comparison-table-heading-bg: var(--color-theme-bg-table-heading); --color-component-comparison-table-cell-bg: var(--color-theme-bg-table-cell); --color-component-comparison-table-cell-bg-hover: var(--color-theme-bg-table-cell-hover); --color-component-comparison-table-heading-content: var(--color-theme-content-table-heading); --color-component-comparison-table-row-heading-content: var(--color-theme-content-table-content); --color-component-comparison-table-row-heading-subtext-content: var(--color-theme-content-table-content); --color-component-comparison-table-cell-content: var(--color-theme-content-table-content); --color-component-comparison-table-cell-subtext-content: var(--color-theme-content-table-content); --color-component-comparison-table-icon-content: var(--color-theme-content-table-content); --font-component-comparison-table: var(--font-base); --text-component-comparison-table-heading: var(--text-body-base); --text-component-comparison-table-heading--font-weight: var(--text-body-base--font-weight); --text-component-comparison-table-heading--line-height: var(--text-body-base--line-height); --text-component-comparison-table-heading--letter-spacing: var(--text-body-base--letter-spacing); --text-component-comparison-table-row-heading: var(--text-body-base); --text-component-comparison-table-row-heading--font-weight: var(--text-body-base--font-weight); --text-component-comparison-table-row-heading--line-height: var(--text-body-base--line-height); --text-component-comparison-table-row-heading--letter-spacing: var(--text-body-base--letter-spacing); --text-component-comparison-table-row-heading-subtext: var(--text-body-sm); --text-component-comparison-table-row-heading-subtext--font-weight: var(--text-body-sm--font-weight); --text-component-comparison-table-row-heading-subtext--line-height: var(--text-body-sm--line-height); --text-component-comparison-table-row-heading-subtext--letter-spacing: var(--text-body-sm--letter-spacing); --text-component-comparison-table-cell: var(--text-body-sm); --text-component-comparison-table-cell--font-weight: var(--text-body-sm--font-weight); --text-component-comparison-table-cell--line-height: var(--text-body-sm--line-height); --text-component-comparison-table-cell--letter-spacing: var(--text-body-sm--letter-spacing); --text-component-comparison-table-cell-subtext: var(--text-body-sm); --text-component-comparison-table-cell-subtext--font-weight: var(--text-body-sm--font-weight); --text-component-comparison-table-cell-subtext--line-height: var(--text-body-sm--line-height); --text-component-comparison-table-cell-subtext--letter-spacing: var(--text-body-sm--letter-spacing); --radius-component-comparison-table: var(--radius-theme-2xl); --color-component-grid-bg: transparent; --color-component-header-content: var(--color-theme-content-header); --color-component-header-bg: var(--color-theme-bg-header); --color-component-heading-group-heading-content: var(--color-theme-content-heading); --color-component-heading-group-subhead-content: var(--color-theme-content-body); --color-component-heading-group-eyebrow-content: var(--color-theme-content-eyebrow); --font-component-heading-group-heading: var(--font-base); --text-component-heading-group-heading: inherit; --text-component-heading-group-heading--font-weight: inherit; --text-component-heading-group-heading--line-height: inherit; --text-component-heading-group-heading--letter-spacing: inherit; --font-component-heading-group-subhead: inherit; --text-component-heading-group-subhead: inherit; --text-component-heading-group-subhead--font-weight: inherit; --text-component-heading-group-subhead--line-height: inherit; --text-component-heading-group-subhead--letter-spacing: inherit; --font-component-heading-group-eyebrow: var(--font-base); --text-component-heading-group-eyebrow: inherit; --text-component-heading-group-eyebrow--font-weight: inherit; --text-component-heading-group-eyebrow--line-height: inherit; --text-component-heading-group-eyebrow--letter-spacing: inherit; --color-component-heading-group-cta-disclaimer-content: var(--color-theme-content-body); --text-component-heading-group-cta-disclaimer: var(--text-body-sm); --text-component-heading-group-cta-disclaimer--font-weight: var(--text-body-sm--font-weight); --text-component-heading-group-cta-disclaimer--line-height: var(--text-body-sm--line-height); --text-component-heading-group-cta-disclaimer--letter-spacing: var(--text-body-sm--letter-spacing); --color-component-icon: var(--color-theme-icon); --color-component-icon-disabled: var(--color-theme-icon-disabled); --color-component-icon-inverse: var(--color-theme-icon-inverse); --color-component-icon-inverse-disabled: var(--color-theme-icon-inverse-disabled); --color-component-input-border: var(--color-theme-border-input); --color-component-input-border-hover: var(--color-theme-border-input-hover); --color-component-input-border-focus: var(--color-theme-border-utility-focus); --color-component-input-border-disabled: var(--color-theme-border-input-disabled); --color-component-input-border-success: var(--color-theme-border-utility-success); --color-component-input-border-warning: var(--color-theme-border-utility-warning); --color-component-input-border-error: var(--color-theme-border-utility-error); --color-component-input-selected-border: var(--color-theme-border-input-selected); --color-component-input-selected-border-hover: var(--color-theme-border-input-selected-hover); --color-component-input-selected-border-active: var(--color-theme-border-input-selected-active); --color-component-input-bg: var(--color-theme-bg-input); --color-component-input-checkbox-bg: var(--color-theme-bg-input); --color-component-input-selected-bg: var(--color-theme-bg-input-selected); --color-component-input-selected-bg-hover: var(--color-theme-bg-input-selected-hover); --color-component-input-selected-bg-active: var(--color-theme-bg-input-selected-active); --color-component-input-selected-bg-disabled: var(--color-theme-bg-input-selected-disabled); --color-component-input-content: var(--color-theme-content-input); --color-component-input-content-disabled: var(--color-theme-content-input-disabled); --color-component-input-label-content: var(--color-theme-content-input-label-floating); --color-component-input-label-content-disabled: var(--color-theme-content-input-label-disabled); --color-component-input-option-content: var(--color-theme-content-input); --color-component-input-option-content-disabled: var(--color-theme-content-input-disabled); --color-component-input-checkbox-icon-content: var(--color-theme-icon-inverse); --font-component-input-label: var(--font-base); --text-component-input-label: var(--text-theme-input-label); --text-component-input-label--font-weight: var(--text-theme-input-label--font-weight); --text-component-input-label--line-height: var(--text-theme-input-label--line-height); --text-component-input-label--letter-spacing: var(--text-theme-input-label--letter-spacing); --font-component-input-value: var(--font-base); --text-component-input-value: var(--text-theme-input-value); --text-component-input-value--font-weight: var(--text-theme-input-value--font-weight); --text-component-input-value--line-height: var(--text-theme-input-value--line-height); --text-component-input-value--letter-spacing: var(--text-theme-input-value--letter-spacing); --color-component-link-content: var(--color-theme-content-cta); --color-component-link-content-hover: var(--color-theme-content-cta-hover); --color-component-link-content-active: var(--color-theme-content-cta-active); --color-component-link-content-disabled: var(--color-theme-content-cta-disabled); --font-component-link: var(--font-base); --text-component-link-sm: var(--text-theme-cta-sm); --text-component-link-sm--font-weight: var(--text-theme-cta-sm--font-weight); --text-component-link-sm--line-height: var(--text-theme-cta-sm--line-height); --text-component-link-sm--letter-spacing: var(--text-theme-cta-sm--letter-spacing); --text-component-link-lg: var(--text-theme-cta-lg); --text-component-link-lg--font-weight: var(--text-theme-cta-lg--font-weight); --text-component-link-lg--line-height: var(--text-theme-cta-lg--line-height); --text-component-link-lg--letter-spacing: var(--text-theme-cta-lg--letter-spacing); --color-component-logo-group-bg: transparent; --color-component-message-content: var(--color-theme-content-input-message); --color-component-message-content-disabled: var(--color-theme-content-input-message-disabled); --color-component-message-icon-content-success: var(--color-theme-icon-utility-success); --color-component-message-icon-content-warning: var(--color-theme-icon-utility-warning); --color-component-message-icon-content-error: var(--color-theme-icon-utility-error); --text-component-message: var(--text-theme-input-message); --text-component-message--font-weight: var(--text-theme-input-message--font-weight); --text-component-message--line-height: var(--text-theme-input-message--line-height); --text-component-message--letter-spacing: var(--text-theme-input-message--letter-spacing); --color-component-pagination-content: var(--color-theme-content); --color-component-pagination-option-bg-hover: var(--color-theme-bg-input-hover); --color-component-pagination-option-bg-focus: var(--color-theme-bg-input-focus); --color-component-section-bg: var(--color-theme-bg-surface-1); --color-component-section-content: var(--color-theme-content); --radius-component-section-radius: var(--radius-theme-5xl); --spacing-component-section-overlap: var(--spacing-2xl); --color-component-select-border: var(--color-theme-border-input); --color-component-select-border-hover: var(--color-theme-border-input-hover); --color-component-select-border-focus: var(--color-theme-border-utility-focus); --color-component-select-border-disabled: var(--color-theme-border-input-disabled); --color-component-select-border-success: var(--color-theme-border-utility-success); --color-component-select-border-warning: var(--color-theme-border-utility-warning); --color-component-select-border-error: var(--color-theme-border-utility-error); --color-component-select-bg: var(--color-theme-bg-input); --color-component-select-content: var(--color-theme-content-input); --color-component-select-content-disabled: var(--color-theme-content-input-disabled); --color-component-select-label-content: var(--color-theme-content-input-label-floating); --color-component-select-label-content-disabled: var(--color-theme-content-input-label-disabled); --font-component-select: var(--font-component-input-value); --text-component-select: var(--text-component-input-value); --text-component-select--font-weight: var(--text-component-input-value--font-weight); --text-component-select--line-height: var(--text-component-input-value--line-height); --text-component-select--letter-spacing: var(--text-component-input-value--letter-spacing); --text-component-select-label: var(--text-component-input-label); --text-component-select-label--font-weight: var(--text-component-input-label--font-weight); --text-component-select-label--line-height: var(--text-component-input-label--line-height); --text-component-select-label--letter-spacing: var(--text-component-input-label--letter-spacing); --color-component-slideshow-progress-bar: oklab(0% none none / .2); } @supports (color: color-mix(in lab, red, red)) { :root, :host { --color-component-slideshow-progress-bar: color-mix(in oklab, var(--color-theme-bg-inverse) 20%, transparent); } } :root, :host { --color-component-slideshow-progress-bar-hover: var(--color-theme-bg-inverse); --color-component-slideshow-progress-bar-active: var(--color-theme-bg-utility-progress); --color-component-testimonial-content: var(--color-theme-content-heading); --color-component-testimonial-brand-content: var(--color-theme-content-heading); --color-component-testimonial-author-content: var(--color-theme-content-body); --font-component-testimonial-quote: var(--font-base); --text-component-testimonial-quote-lg: var(--text-t3); --text-component-testimonial-quote-lg--font-weight: var(--text-t3--font-weight); --text-component-testimonial-quote-lg--line-height: var(--text-t3--line-height); --text-component-testimonial-quote-lg--letter-spacing: var(--text-t3--letter-spacing); --text-component-testimonial-quote-sm: var(--text-t4); --text-component-testimonial-quote-sm--font-weight: var(--text-t4--font-weight); --text-component-testimonial-quote-sm--line-height: var(--text-t4--line-height); --text-component-testimonial-quote-sm--letter-spacing: var(--text-t4--letter-spacing); --font-component-testimonial-brand: var(--font-base); --text-component-testimonial-brand: var(--text-t7); --text-component-testimonial-brand--font-weight: var(--text-t7--font-weight); --text-component-testimonial-brand--line-height: var(--text-t7--line-height); --text-component-testimonial-brand--letter-spacing: var(--text-t7--letter-spacing); --font-component-testimonial-author: var(--font-base); --text-component-testimonial-author: var(--text-body-sm); --text-component-testimonial-author--font-weight: var(--text-body-sm--font-weight); --text-component-testimonial-author--line-height: var(--text-body-sm--line-height); --text-component-testimonial-author--letter-spacing: var(--text-body-sm--letter-spacing); --color-component-testimonial-article-border: var(--color-theme-divider); --color-component-hero-full-bleed-gradient-start: var(--color-theme-bg-inverse); --color-component-hero-full-bleed-gradient-end: var(--color-theme-bg-surface-1); --color-warm-gray-50: #f2f2f0; --color-warm-gray-100: #e6e6e4; --color-warm-gray-200: #cfcfce; --color-warm-gray-300: #b3b3b2; --color-cool-gray-700: #3c4646; --color-cool-gray-850: #202727; --color-cool-gray-900: #141a1a; --color-cool-gray-950: #02090a; --color-forest-green-850: #11312a; --color-forest-green-900: #072720; --color-forest-green-950: #051914; --color-mint-200: #36f4a4; --color-mint-300: #17d28a; --color-mint-400: #00b475; --color-mint-500: #00945f; --color-blue-850: #091b4e; --color-teal-850: #0c2527; --color-shade-40: #a1a1aa; --color-button-dark-primary-bg: #fff; --color-button-dark-primary-bg-hover: #d4d4d8; --color-button-dark-primary-bg-focus: #fff; --color-button-dark-primary-bg-active: #a1a1aa; --color-button-dark-primary-bg-disabled: #52525b; --color-button-dark-primary-border: transparent; --color-button-dark-primary-border-hover: transparent; --color-button-dark-primary-border-focus: transparent; --color-button-dark-primary-border-active: transparent; --color-button-dark-primary-border-disabled: transparent; --color-button-dark-primary-text: #000; --color-button-dark-primary-text-hover: #000; --color-button-dark-primary-text-focus: #000; --color-button-dark-primary-text-active: #000; --color-button-dark-primary-text-disabled: #71717a; --color-button-dark-secondary-bg: transparent; --color-button-dark-secondary-bg-hover: transparent; --color-button-dark-secondary-bg-focus: transparent; --color-button-dark-secondary-bg-active: transparent; --color-button-dark-secondary-bg-disabled: transparent; --color-button-dark-secondary-border: #fff; --color-button-dark-secondary-border-hover: #d4d4d8; --color-button-dark-secondary-border-focus: #fff; --color-button-dark-secondary-border-active: #a1a1aa; --color-button-dark-secondary-border-disabled: #71717a; --color-button-dark-secondary-text: #fff; --color-button-dark-secondary-text-hover: #fff; --color-button-dark-secondary-text-focus: #fff; --color-button-dark-secondary-text-active: #fff; --color-button-dark-secondary-text-disabled: #71717a; --color-button-light-primary-bg: #000; --color-button-light-primary-bg-hover: #3f3f46; --color-button-light-primary-bg-focus: #000; --color-button-light-primary-bg-active: #71717a; --color-button-light-primary-bg-disabled: #d4d4d8; --color-button-light-primary-border: transparent; --color-button-light-primary-border-hover: transparent; --color-button-light-primary-border-focus: transparent; --color-button-light-primary-border-active: transparent; --color-button-light-primary-border-disabled: transparent; --color-button-light-primary-text: #fff; --color-button-light-primary-text-hover: #fff; --color-button-light-primary-text-focus: #fff; --color-button-light-primary-text-active: #fff; --color-button-light-primary-text-disabled: #a1a1aa; --color-button-light-secondary-bg: transparent; --color-button-light-secondary-bg-hover: transparent; --color-button-light-secondary-bg-focus: transparent; --color-button-light-secondary-bg-active: transparent; --color-button-light-secondary-bg-disabled: transparent; --color-button-light-secondary-border: #000; --color-button-light-secondary-border-hover: #3f3f46; --color-button-light-secondary-border-focus: #000; --color-button-light-secondary-border-active: #71717a; --color-button-light-secondary-border-disabled: #d4d4d8; --color-button-light-secondary-text: #000; --color-button-light-secondary-text-hover: #000; --color-button-light-secondary-text-focus: #000; --color-button-light-secondary-text-active: #000; --color-button-light-secondary-text-disabled: #a1a1aa; --radius-button: 9999px; --gutter: 1rem; --margin: 1rem; --font-size-button-lg: 1rem; --letter-spacing-button-lg: 0; --line-height-button-lg: 1.5rem; --font-size-button-sm: 1rem; --letter-spacing-button-sm: 0; --line-height-button-sm: 1.5rem; --font-size-t8: .875rem; --font-weight-t8: 450; --line-height-t8: 1.1375rem; --letter-spacing-t8: 0; --font-size-t7: 1rem; --font-weight-t7: 450; --line-height-t7: 1.3rem; --letter-spacing-t7: -.05em; --font-size-t6: 1.125rem; --font-weight-t6: 420; --line-height-t6: 1.4625rem; --letter-spacing-t6: 0; --font-size-t5: 1.375rem; --font-weight-t5: 400; --line-height-t5: 1.625rem; --letter-spacing-t5: -.005em; --font-size-t4: 1.625rem; --font-weight-t4: 330; --line-height-t4: 1.8525rem; --letter-spacing-t4: 0; --font-size-t3: 1.875rem; --font-weight-t3: 330; --line-height-t3: 2.1375rem; --letter-spacing-t3: 0; --font-size-t2: 2.25rem; --font-weight-t2: 330; --line-height-t2: 2.52rem; --letter-spacing-t2: 0; --font-size-t1: 2.75rem; --font-weight-t1: 330; --line-height-t1: 2.97rem; --letter-spacing-t1: -.005em; --space-sm: .5rem; --space-md: 1rem; --space-lg: 1.5rem; --space-xl: 2rem; --color-shade-10: #f4f4f5; --color-shade-20: #e4e4e7; --color-shade-25: #d2d5d9; --color-shade-30: #d4d4d8; --color-shade-60: #52525b; --color-shade-70: #3f3f46; --color-shade-80: #27272a; --color-shade-90: #18181b; --color-shade-95: #0e0e10; --color-rich-black: #02090a; --color-tint-black: #141a1a; --color-link-dark: #fff; --color-link-dark-hover: #d4d4d8; --color-link-dark-active: #a1a1aa; --color-link-dark-focus: #fff; --color-link-dark-disabled: #71717a; --color-shopify-green-10: #e5fbba; --color-shopify-green-50: #95bf47; --color-lime-10: #eefab3; --color-lime-30: #d0f224; --color-pistachio-10: #d4f9e0; --color-aloe-10: #c1fbd4; --color-aloe-30: #4bfe85; --color-aloe-50: #22c357; --color-avocado-10: #d5f2d8; --color-jalapeño-30: #5fd5b6; --color-jalapeno-30: #5fd5b6; --color-kale-30: #84c6c5; --color-kale-90: #054a49; --color-currant-50: #405edd; --color-agave-30: #79dfff; --color-agave-50: #299fc4; --color-lavender-10: #cec9f8; --color-lavender-30: #978de7; --color-lavender-50: #6052da; --color-lavender-70: #3525c1; --color-mandarin-50: #ed6c31; --color-dragonfruit-10: #fbccff; --color-dragonfruit-70: #7c0b86; --color-banana-10: #fcf3b0; --color-shade-0: #fff; --color-shade-50: #fafafa; --color-shade-100: #f4f4f5; --color-shade-200: #e4e4e7; --color-shade-300: #d4d4d8; --color-shade-400: #a1a1aa; --color-shade-500: #71717a; --color-shade-600: #52525b; --color-shade-700: #3f3f46; --color-shade-800: #27272a; --color-shade-850: #1f1f22; --color-shade-900: #18181b; --color-shade-950: #0e0e10; --color-shade-1000: #000; --color-black-alpha-50: #0000000d; --color-black-alpha-100: #0000001a; --color-black-alpha-200: #0003; --color-black-alpha-300: #0000004d; --color-black-alpha-400: #0006; --color-black-alpha-500: #00000080; --color-black-alpha-600: #0009; --color-black-alpha-700: #000000b3; --color-black-alpha-800: #000c; --color-black-alpha-850: #000000d9; --color-black-alpha-900: #000000e6; --color-black-alpha-950: #000000f2; --color-black-alpha-1000: #000; --color-white-alpha-50: #ffffff0d; --color-white-alpha-100: #ffffff1a; --color-white-alpha-200: #fff3; --color-white-alpha-300: #ffffff4d; --color-white-alpha-400: #fff6; --color-white-alpha-500: #ffffff80; --color-white-alpha-600: #fff9; --color-white-alpha-700: #ffffffb3; --color-white-alpha-800: #fffc; --color-white-alpha-850: #ffffffd9; --color-white-alpha-900: #ffffffe6; --color-white-alpha-950: #fffffff2; --color-white-alpha-1000: #fff; --color-green-50: #eafbed; --color-green-100: #b9f7c4; --color-green-200: #70e089; --color-green-300: #53c36e; --color-green-400: #38a455; --color-green-500: #15883b; --color-green-600: #236e37; --color-green-700: #20562d; --color-green-800: #1a3e22; --color-green-850: #18341e; --color-green-900: #132817; --color-green-950: #0f1d11; --color-lime-50: #dffabb; --color-lime-100: #c7f47f; --color-lime-200: #afda67; --color-lime-300: #95bf47; --color-lime-400: #80a04a; --color-lime-500: #6b8442; --color-lime-600: #56693a; --color-lime-700: #42502f; --color-lime-800: #2d3522; --color-lime-850: #232a1b; --color-lime-900: #1a1f14; --color-lime-950: #11140e; --color-orange-50: #fff5ed; --color-orange-100: #ffeadb; --color-orange-200: #ffcea3; --color-orange-300: #ffb55c; --color-orange-400: #ee9d00; --color-orange-500: #c38000; --color-orange-600: #9d6600; --color-orange-700: #764c00; --color-orange-800: #513300; --color-orange-850: #412800; --color-orange-900: #321d00; --color-orange-950: #221200; --color-red-50: #fbf1f2; --color-red-100: #f7e0e0; --color-red-200: #f3bfc0; --color-red-300: #f29c9d; --color-red-400: #f37474; --color-red-500: #f54344; --color-red-600: #dc1518; --color-red-700: #a71a1b; --color-red-800: #771314; --color-red-850: #600f10; --color-red-900: #4a0b0c; --color-red-950: #330707; --color-purple-50: #f5f2fe; --color-purple-100: #e8e2fe; --color-purple-200: #d2c4fc; --color-purple-300: #bfaafb; --color-purple-400: #aa8bfa; --color-purple-500: #986bf9; --color-purple-600: #8645f6; --color-purple-700: #751be9; --color-purple-800: #4d0f9f; --color-purple-850: #3a097a; --color-purple-900: #280458; --color-purple-950: #150234; --shadow-light: 0 8px 48px #06060814, 0 4px 8px #18181b0a, 0 0 2px #18181b40; --shadow-dark: 0 8px 48px #18181b3d, 0 4px 8px #18181b29, 0 0 2px #ffffff85; } [data-color-mode], [data-surface-mode] { --color-component-accordion-bg: transparent; --color-component-accordion-content: var(--color-theme-content); --color-component-accordion-border: var(--color-theme-border); --color-component-accordion-button-bg: var(--color-theme-bg-cta); --color-component-accordion-button-border: var(--color-theme-border-cta); --color-component-accordion-button-content: var(--color-theme-content-cta-inverse); --color-component-badge-content: var(--color-theme-content-inverse); --color-component-badge-bg: var(--color-theme-bg-accent); --color-component-button-primary-bg: var(--color-theme-bg-cta); --color-component-button-primary-bg-hover: var(--color-theme-bg-cta-hover); --color-component-button-primary-bg-active: var(--color-theme-bg-cta-active); --color-component-button-primary-bg-disabled: var(--color-theme-bg-cta-disabled); --color-component-button-primary-border: transparent; --color-component-button-primary-border-hover: transparent; --color-component-button-primary-border-active: transparent; --color-component-button-primary-border-disabled: transparent; --color-component-button-primary-content: var(--color-theme-content-cta-inverse); --color-component-button-primary-content-hover: var(--color-theme-content-cta-inverse); --color-component-button-primary-content-active: var(--color-theme-content-cta-inverse); --color-component-button-primary-content-disabled: var(--color-theme-content-cta-inverse-disabled); --color-component-button-secondary-bg: transparent; --color-component-button-secondary-bg-hover: transparent; --color-component-button-secondary-bg-active: transparent; --color-component-button-secondary-bg-disabled: transparent; --color-component-button-secondary-border: var(--color-theme-border-cta); --color-component-button-secondary-border-hover: var(--color-theme-border-cta-hover); --color-component-button-secondary-border-active: var(--color-theme-border-cta-active); --color-component-button-secondary-border-disabled: var(--color-theme-border-cta-disabled); --color-component-button-secondary-content: var(--color-theme-content-cta); --color-component-button-secondary-content-hover: var(--color-theme-content-cta); --color-component-button-secondary-content-active: var(--color-theme-content-cta); --color-component-button-secondary-content-disabled: var(--color-theme-content-cta-disabled); --color-component-button-group-disclaimer-content: var(--color-theme-content-body); --color-component-button-interface-primary-bg: var(--color-theme-bg-cta); --color-component-button-interface-primary-bg-hover: var(--color-theme-bg-cta-hover); --color-component-button-interface-primary-bg-active: var(--color-theme-bg-cta-active); --color-component-button-interface-primary-bg-disabled: var(--color-theme-bg-cta-disabled); --color-component-button-interface-primary-content: var(--color-theme-content-cta-inverse); --color-component-button-interface-primary-content-disabled: var(--color-theme-content-cta-inverse-disabled); --color-component-button-interface-secondary-bg: transparent; --color-component-button-interface-secondary-bg-hover: transparent; --color-component-button-interface-secondary-bg-active: transparent; --color-component-button-interface-secondary-bg-disabled: transparent; --color-component-button-interface-secondary-border: var(--color-theme-border-cta); --color-component-button-interface-secondary-border-hover: var(--color-theme-border-cta-hover); --color-component-button-interface-secondary-border-active: var(--color-theme-border-cta-active); --color-component-button-interface-secondary-border-disabled: var(--color-theme-border-cta-disabled); --color-component-button-interface-secondary-content: var(--color-theme-content-cta); --color-component-button-interface-secondary-content-disabled: var(--color-theme-content-cta-disabled); --color-component-card-base-bg: var(--color-theme-bg-surface-2); --color-component-card-base-outline-border: var(--color-theme-border); --shadow-component-card-base-shadow: var(--shadow-theme-shadow-1); --color-component-card-base-top-divider-border: var(--color-theme-divider); --color-component-featured-card-bg: var(--color-theme-bg-surface-2); --color-component-card-row-border: var(--color-theme-border); --color-component-carousel-border-focus: var(--color-theme-border-utility-focus); } @media (min-width: 900px) { :root { --text-component-comparison-table-heading: var(--text-body-lg); --text-component-comparison-table-heading--font-weight: var(--text-body-lg--font-weight); --text-component-comparison-table-heading--line-height: var(--text-body-lg--line-height); --text-component-comparison-table-heading--letter-spacing: var(--text-body-lg--letter-spacing); } } [data-color-mode], [data-surface-mode] { --color-component-comparison-table-row-heading-bg: var(--color-theme-bg-table-row-heading); --color-component-comparison-table-heading-bg: var(--color-theme-bg-table-heading); --color-component-comparison-table-cell-bg: var(--color-theme-bg-table-cell); --color-component-comparison-table-cell-bg-hover: var(--color-theme-bg-table-cell-hover); --color-component-comparison-table-heading-content: var(--color-theme-content-table-heading); --color-component-comparison-table-row-heading-content: var(--color-theme-content-table-content); --color-component-comparison-table-row-heading-subtext-content: var(--color-theme-content-table-content); --color-component-comparison-table-cell-content: var(--color-theme-content-table-content); --color-component-comparison-table-cell-subtext-content: var(--color-theme-content-table-content); --color-component-comparison-table-icon-content: var(--color-theme-content-table-content); --color-component-grid-bg: transparent; --color-component-header-content: var(--color-theme-content-header); --color-component-header-bg: var(--color-theme-bg-header); --color-component-heading-group-heading-content: var(--color-theme-content-heading); --color-component-heading-group-subhead-content: var(--color-theme-content-body); --color-component-heading-group-eyebrow-content: var(--color-theme-content-eyebrow); --color-component-heading-group-cta-disclaimer-content: var(--color-theme-content-body); --color-component-icon: var(--color-theme-icon); --color-component-icon-disabled: var(--color-theme-icon-disabled); --color-component-icon-inverse: var(--color-theme-icon-inverse); --color-component-icon-inverse-disabled: var(--color-theme-icon-inverse-disabled); --color-component-input-border: var(--color-theme-border-input); --color-component-input-border-hover: var(--color-theme-border-input-hover); --color-component-input-border-focus: var(--color-theme-border-utility-focus); --color-component-input-border-disabled: var(--color-theme-border-input-disabled); --color-component-input-border-success: var(--color-theme-border-utility-success); --color-component-input-border-warning: var(--color-theme-border-utility-warning); --color-component-input-border-error: var(--color-theme-border-utility-error); --color-component-input-selected-border: var(--color-theme-border-input-selected); --color-component-input-selected-border-hover: var(--color-theme-border-input-selected-hover); --color-component-input-selected-border-active: var(--color-theme-border-input-selected-active); --color-component-input-selected-border-disabled: var(--color-theme-border-input-selected-disabled); --color-component-input-bg: var(--color-theme-bg-input); --color-component-input-checkbox-bg: var(--color-theme-bg-input); --color-component-input-selected-bg: var(--color-theme-bg-input-selected); --color-component-input-selected-bg-hover: var(--color-theme-bg-input-selected-hover); --color-component-input-selected-bg-active: var(--color-theme-bg-input-selected-active); --color-component-input-selected-bg-disabled: var(--color-theme-bg-input-selected-disabled); --color-component-input-content: var(--color-theme-content-input); --color-component-input-content-disabled: var(--color-theme-content-input-disabled); --color-component-input-label-content: var(--color-theme-content-input-label-floating); --color-component-input-label-content-disabled: var(--color-theme-content-input-label-disabled); --color-component-input-option-content: var(--color-theme-content-input); --color-component-input-option-content-disabled: var(--color-theme-content-input-disabled); --color-component-input-checkbox-icon-content: var(--color-theme-icon-inverse); --color-component-link-content: var(--color-theme-content-cta); --color-component-link-content-hover: var(--color-theme-content-cta-hover); --color-component-link-content-active: var(--color-theme-content-cta-active); --color-component-link-content-disabled: var(--color-theme-content-cta-disabled); --color-component-logo-group-bg: transparent; --color-component-message-content: var(--color-theme-content-input-message); --color-component-message-content-disabled: var(--color-theme-content-input-message-disabled); --color-component-message-icon-content-success: var(--color-theme-icon-utility-success); --color-component-message-icon-content-warning: var(--color-theme-icon-utility-warning); --color-component-message-icon-content-error: var(--color-theme-icon-utility-error); --color-component-pagination-content: var(--color-theme-content); --color-component-pagination-option-bg-hover: var(--color-theme-bg-input-hover); --color-component-pagination-option-bg-focus: var(--color-theme-bg-input-focus); --color-component-section-bg: var(--color-theme-bg-surface-1); --color-component-section-content: var(--color-theme-content); --color-component-select-border: var(--color-theme-border-input); --color-component-select-border-hover: var(--color-theme-border-input-hover); --color-component-select-border-focus: var(--color-theme-border-utility-focus); --color-component-select-border-disabled: var(--color-theme-border-input-disabled); --color-component-select-border-success: var(--color-theme-border-utility-success); --color-component-select-border-warning: var(--color-theme-border-utility-warning); --color-component-select-border-error: var(--color-theme-border-utility-error); --color-component-select-bg: var(--color-theme-bg-input); --color-component-select-bg-disabled: var(--color-theme-bg-input-disabled); --color-component-select-content: var(--color-theme-content-input); --color-component-select-content-disabled: var(--color-theme-content-input-disabled); --color-component-select-label-content: var(--color-theme-content-input-label-floating); --color-component-select-label-content-disabled: var(--color-theme-content-input-label-disabled); --color-component-slideshow-progress-bar: oklab(0% none none / .2); } @supports (color: color-mix(in lab, red, red)) { [data-color-mode], [data-surface-mode] { --color-component-slideshow-progress-bar: color-mix(in oklab, var(--color-theme-bg-inverse) 20%, transparent); } } [data-color-mode], [data-surface-mode] { --color-component-slideshow-progress-bar-hover: var(--color-theme-bg-inverse); --color-component-slideshow-progress-bar-active: var(--color-theme-bg-utility-progress); --color-component-testimonial-content: var(--color-theme-content-heading); --color-component-testimonial-brand-content: var(--color-theme-content-heading); --color-component-testimonial-author-content: var(--color-theme-content-body); --color-component-testimonial-article-border: var(--color-theme-divider); --color-component-hero-background: var(--color-theme-bg-surface-1); --color-component-hero-full-bleed-gradient-start: var(--color-theme-bg-inverse); --color-component-hero-full-bleed-gradient-end: var(--color-theme-bg-surface-1); --color-component-two-column-bg: transparent; } :root [data-color-mode^="dark"] { --color-theme-bg: var(--color-shade-1000); --color-theme-bg-inverse: var(--color-shade-0); --color-theme-bg-accent: var(--color-shade-0); --color-theme-bg-cta: var(--color-shade-0); --color-theme-bg-cta-hover: var(--color-shade-300); --color-theme-bg-cta-active: var(--color-shade-400); --color-theme-bg-cta-focus: var(--color-shade-0); --color-theme-bg-cta-disabled: var(--color-shade-600); --color-theme-bg-input: var(--color-white-alpha-200); --color-theme-bg-input-hover: var(--color-white-alpha-200); --color-theme-bg-input-active: var(--color-white-alpha-200); --color-theme-bg-input-focus: var(--color-white-alpha-300); --color-theme-bg-input-disabled: var(--color-white-alpha-200); --color-theme-bg-input-selected: var(--color-shade-0); --color-theme-bg-input-selected-hover: var(--color-shade-300); --color-theme-bg-input-selected-active: var(--color-shade-400); --color-theme-bg-input-selected-disabled: var(--color-shade-600); --color-theme-bg-header: var(--color-shade-950); --color-theme-bg-surface-1: var(--color-shade-1000); --color-theme-bg-surface-2: var(--color-shade-950); --color-theme-bg-table-heading: var(--color-shade-700); --color-theme-bg-table-row-heading: var(--color-shade-300); --color-theme-bg-table-cell: var(--color-shade-100); --color-theme-bg-table-cell-hover: var(--color-shade-200); --color-theme-bg-utility-success: var(--color-green-200); --color-theme-bg-utility-warning: var(--color-orange-300); --color-theme-bg-utility-error: var(--color-red-400); --color-theme-bg-utility-focus: var(--color-purple-700); --color-theme-bg-utility-progress: var(--color-lime-300); --color-theme-border: var(--color-white-alpha-200); --color-theme-border-inverse: var(--color-black-alpha-200); --color-theme-border-accent: var(--color-shade-0); --color-theme-divider: var(--color-shade-0); --color-theme-border-cta: var(--color-shade-0); --color-theme-border-cta-hover: var(--color-shade-300); --color-theme-border-cta-active: var(--color-shade-400); --color-theme-border-cta-focus: var(--color-shade-0); --color-theme-border-cta-disabled: var(--color-shade-400); --color-theme-border-input: var(--color-white-alpha-200); --color-theme-border-input-hover: var(--color-white-alpha-500); --color-theme-border-input-active: var(--color-white-alpha-800); --color-theme-border-input-focus: var(--color-white-alpha-200); --color-theme-border-input-disabled: var(--color-white-alpha-100); --color-theme-border-input-selected: var(--color-shade-0); --color-theme-border-input-selected-hover: var(--color-shade-300); --color-theme-border-input-selected-active: var(--color-shade-400); --color-theme-border-input-selected-disabled: var(--color-shade-600); --color-theme-border-utility-success: var(--color-green-200); --color-theme-border-utility-warning: var(--color-orange-300); --color-theme-border-utility-error: var(--color-red-400); --color-theme-border-utility-focus: var(--color-purple-700); --color-theme-border-utility-progress: var(--color-lime-300); --color-theme-content: var(--color-shade-0); --color-theme-content-inverse: var(--color-shade-1000); --color-theme-content-accent: var(--color-shade-0); --color-theme-content-heading: var(--color-shade-0); --color-theme-content-eyebrow: var(--color-shade-0); --color-theme-content-body: var(--color-white-alpha-700); --color-theme-content-icon: var(--color-shade-0); --color-theme-content-icon-hover: var(--color-shade-300); --color-theme-content-cta: var(--color-shade-0); --color-theme-content-cta-hover: var(--color-shade-300); --color-theme-content-cta-active: var(--color-shade-400); --color-theme-content-cta-focus: var(--color-shade-0); --color-theme-content-cta-disabled: var(--color-shade-500); --color-theme-content-cta-inverse: var(--color-shade-1000); --color-theme-content-cta-inverse-hover: var(--color-shade-700); --color-theme-content-cta-inverse-active: var(--color-shade-500); --color-theme-content-cta-inverse-focus: var(--color-shade-1000); --color-theme-content-cta-inverse-disabled: var(--color-shade-400); --color-theme-content-input: var(--color-shade-0); --color-theme-content-input-disabled: var(--color-shade-500); --color-theme-content-input-label: var(--color-shade-0); --color-theme-content-input-label-disabled: var(--color-shade-500); --color-theme-content-input-label-floating: var(--color-white-alpha-700); --color-theme-content-input-message: var(--color-white-alpha-700); --color-theme-content-input-message-disabled: var(--color-shade-500); --color-theme-content-input-selected: var(--color-shade-0); --color-theme-content-input-selected-hover: var(--color-shade-300); --color-theme-content-input-selected-active: var(--color-shade-400); --color-theme-content-input-selected-disabled: var(--color-shade-600); --color-theme-content-header: var(--color-shade-0); --color-theme-content-utility-success: var(--color-green-100); --color-theme-content-utility-warning: var(--color-orange-100); --color-theme-content-utility-error: var(--color-red-100); --color-theme-content-utility-focus: var(--color-purple-200); --color-theme-content-utility-progress: var(--color-lime-200); --color-theme-content-table-heading: var(--color-shade-0); --color-theme-content-table-content: var(--color-shade-1000); --color-theme-icon: var(--color-shade-0); --color-theme-icon-disabled: var(--color-shade-500); --color-theme-icon-inverse: var(--color-shade-1000); --color-theme-icon-inverse-disabled: var(--color-shade-400); --color-theme-icon-content: var(--color-shade-0); --color-theme-icon-utility-success: var(--color-green-200); --color-theme-icon-utility-warning: var(--color-orange-300); --color-theme-icon-utility-error: var(--color-red-400); --color-theme-icon-utility-focus: var(--color-purple-700); --color-theme-icon-utility-progress: var(--color-lime-300); --shadow-theme-shadow-1: var(--shadow-dark); } :root [data-color-mode^="dark"][data-surface-mode="offset"][data-surface-mode="offset"], :root [data-color-mode^="dark"] [data-surface-mode="offset"] { --color-theme-bg-surface-1: var(--color-shade-950); --color-theme-bg-surface-2: var(--color-shade-900); } :root { --color-warm-gray-50: #f2f2f0; --color-warm-gray-100: #e6e6e4; --color-warm-gray-200: #cfcfce; --color-warm-gray-300: #b3b3b2; --color-warm-gray-400: #91918f; --color-warm-gray-500: #777776; --color-warm-gray-600: #5e5e5d; --color-warm-gray-700: #474746; --color-warm-gray-800: #333; --color-warm-gray-850: #272727; --color-warm-gray-900: #1b1b1b; --color-warm-gray-950: #111; --color-cool-gray-50: #ecf2f2; --color-cool-gray-100: #d6e5e5; --color-cool-gray-200: #bacaca; --color-cool-gray-300: #9eaeae; --color-cool-gray-400: #819191; --color-cool-gray-500: #697777; --color-cool-gray-600: #515e5e; --color-cool-gray-700: #3c4646; --color-cool-gray-800: #273030; --color-cool-gray-850: #202727; --color-cool-gray-900: #141a1a; --color-cool-gray-950: #02090a; --color-forest-green-50: #e8f7f2; --color-forest-green-100: #bfefe1; --color-forest-green-200: #98d5c4; --color-forest-green-300: #7dbdac; --color-forest-green-400: #62a291; --color-forest-green-500: #4a8778; --color-forest-green-600: #356d5f; --color-forest-green-700: #25564a; --color-forest-green-800: #153d34; --color-forest-green-850: #11312a; --color-forest-green-900: #072720; --color-forest-green-950: #051914; --color-mint-50: #dbffea; --color-mint-100: #9fffcb; --color-mint-200: #36f4a4; --color-mint-300: #17d28a; --color-mint-400: #00b475; --color-mint-500: #00945f; --color-mint-600: #00754a; --color-mint-700: #005736; --color-mint-800: #003d25; --color-mint-850: #00301c; --color-mint-900: #002313; --color-mint-950: #001509; --color-blue-50: #ecedf8; --color-blue-100: #dcdef4; --color-blue-200: #b8beec; --color-blue-300: #96a1e8; --color-blue-400: #7285e4; --color-blue-500: #4868e2; --color-blue-600: #2a4dbd; --color-blue-700: #1a3891; --color-blue-800: #0c2467; --color-blue-850: #091b4e; --color-blue-900: #02103b; --color-blue-950: #02061d; --color-sky-50: #ecf5ff; --color-sky-100: #d8eaff; --color-sky-200: #acd6ff; --color-sky-300: #7dc5ff; --color-sky-400: #00b2ff; --color-sky-500: #0091d1; --color-sky-600: #0074a8; --color-sky-700: #00557d; --color-sky-800: #003b58; --color-sky-850: #012e46; --color-sky-900: #002032; --color-sky-950: #001523; --color-teal-50: #e9f2f4; --color-teal-100: #cce8eb; --color-teal-200: #a1ced4; --color-teal-300: #81b1b6; --color-teal-400: #65969c; --color-teal-500: #4d7c81; --color-teal-600: #386267; --color-teal-700: #24474b; --color-teal-800: #143033; --color-teal-850: #0c2527; --color-teal-900: #061a1c; --color-teal-950: #041012; --color-cyan-50: #cdf8ff; --color-cyan-100: #9cf3ff; --color-cyan-200: #30deee; --color-cyan-300: #0bc0ce; --color-cyan-400: #00a3af; --color-cyan-500: #008791; --color-cyan-600: #006b74; --color-cyan-700: #004f55; --color-cyan-800: #00363b; --color-cyan-850: #002a2e; --color-cyan-900: #002023; --color-cyan-950: #001416; } } @layer base { @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } div[data-color-mode="dark"] input:-webkit-autofill { -webkit-background-clip: text; } div[data-color-mode="dark"] input:-webkit-autofill:hover { -webkit-background-clip: text; } div[data-color-mode="dark"] input:-webkit-autofill:focus { -webkit-background-clip: text; } div[data-color-mode="dark"] input:-webkit-autofill:active { -webkit-background-clip: text; } [data-color-mode="light"] input:-webkit-autofill { -webkit-background-clip: text; } [data-color-mode="light"] input:-webkit-autofill:hover { -webkit-background-clip: text; } [data-color-mode="light"] input:-webkit-autofill:focus { -webkit-background-clip: text; } [data-color-mode="light"] input:-webkit-autofill:active { -webkit-background-clip: text; } :root [data-color-mode^="light"] { --color-theme-bg: var(--color-shade-0); --color-theme-bg-inverse: var(--color-shade-1000); --color-theme-bg-accent: var(--color-shade-1000); --color-theme-bg-cta: var(--color-shade-1000); --color-theme-bg-cta-hover: var(--color-shade-700); --color-theme-bg-cta-active: var(--color-shade-500); --color-theme-bg-cta-focus: var(--color-shade-1000); --color-theme-bg-cta-disabled: var(--color-shade-300); --color-theme-bg-input: var(--color-shade-0); --color-theme-bg-input-hover: var(--color-shade-200); --color-theme-bg-input-active: var(--color-shade-500); --color-theme-bg-input-focus: var(--color-shade-300); --color-theme-bg-input-disabled: var(--color-shade-300); --color-theme-bg-input-selected: var(--color-shade-1000); --color-theme-bg-input-selected-hover: var(--color-shade-700); --color-theme-bg-input-selected-active: var(--color-shade-500); --color-theme-bg-input-selected-disabled: var(--color-shade-300); --color-theme-bg-header: var(--color-shade-0); --color-theme-bg-surface-1: var(--color-shade-0); --color-theme-bg-surface-2: var(--color-shade-50); --color-theme-bg-table-heading: var(--color-shade-1000); --color-theme-bg-table-row-heading: var(--color-shade-300); --color-theme-bg-table-cell: var(--color-shade-100); --color-theme-bg-table-cell-hover: var(--color-shade-200); --color-theme-bg-utility-success: var(--color-green-500); --color-theme-bg-utility-warning: var(--color-orange-400); --color-theme-bg-utility-error: var(--color-red-500); --color-theme-bg-utility-focus: var(--color-purple-700); --color-theme-bg-utility-progress: var(--color-lime-300); --color-theme-border: var(--color-black-alpha-200); --color-theme-border-inverse: var(--color-white-alpha-200); --color-theme-border-accent: var(--color-shade-1000); --color-theme-divider: var(--color-shade-1000); --color-theme-border-cta: var(--color-shade-1000); --color-theme-border-cta-hover: var(--color-shade-700); --color-theme-border-cta-active: var(--color-shade-500); --color-theme-border-cta-focus: var(--color-shade-1000); --color-theme-border-cta-disabled: var(--color-shade-300); --color-theme-border-input: var(--color-black-alpha-200); --color-theme-border-input-hover: var(--color-black-alpha-500); --color-theme-border-input-active: var(--color-black-alpha-800); --color-theme-border-input-focus: var(--color-black-alpha-200); --color-theme-border-input-disabled: var(--color-black-alpha-100); --color-theme-border-input-selected: var(--color-shade-1000); --color-theme-border-input-selected-hover: var(--color-shade-700); --color-theme-border-input-selected-active: var(--color-shade-500); --color-theme-border-input-selected-disabled: var(--color-shade-300); --color-theme-border-utility-success: var(--color-green-500); --color-theme-border-utility-warning: var(--color-orange-400); --color-theme-border-utility-error: var(--color-red-500); --color-theme-border-utility-focus: var(--color-purple-700); --color-theme-border-utility-progress: var(--color-lime-300); --color-theme-content: var(--color-shade-1000); --color-theme-content-inverse: var(--color-shade-0); --color-theme-content-accent: var(--color-shade-1000); --color-theme-content-heading: var(--color-shade-1000); --color-theme-content-eyebrow: var(--color-shade-1000); --color-theme-content-body: var(--color-black-alpha-600); --color-theme-content-icon: var(--color-shade-1000); --color-theme-content-icon-hover: var(--color-shade-700); --color-theme-content-cta: var(--color-shade-1000); --color-theme-content-cta-hover: var(--color-shade-700); --color-theme-content-cta-active: var(--color-shade-500); --color-theme-content-cta-focus: var(--color-shade-1000); --color-theme-content-cta-disabled: var(--color-shade-400); --color-theme-content-cta-inverse: var(--color-shade-0); --color-theme-content-cta-inverse-hover: var(--color-shade-300); --color-theme-content-cta-inverse-active: var(--color-shade-400); --color-theme-content-cta-inverse-focus: var(--color-shade-0); --color-theme-content-cta-inverse-disabled: var(--color-shade-500); --color-theme-content-input: var(--color-shade-1000); --color-theme-content-input-disabled: var(--color-shade-400); --color-theme-content-input-label: var(--color-shade-1000); --color-theme-content-input-label-disabled: var(--color-shade-400); --color-theme-content-input-label-floating: var(--color-black-alpha-600); --color-theme-content-input-message: var(--color-black-alpha-600); --color-theme-content-input-message-disabled: var(--color-shade-400); --color-theme-content-input-selected: var(--color-shade-1000); --color-theme-content-input-selected-hover: var(--color-shade-700); --color-theme-content-input-selected-active: var(--color-shade-500); --color-theme-content-input-selected-disabled: var(--color-shade-300); --color-theme-content-header: var(--color-shade-900); --color-theme-content-utility-success: var(--color-green-700); --color-theme-content-utility-warning: var(--color-orange-700); --color-theme-content-utility-error: var(--color-red-700); --color-theme-content-utility-focus: var(--color-purple-800); --color-theme-content-utility-progress: var(--color-lime-700); --color-theme-content-table-heading: var(--color-shade-0); --color-theme-content-table-content: var(--color-shade-1000); --color-theme-icon: var(--color-shade-1000); --color-theme-icon-disabled: var(--color-shade-400); --color-theme-icon-inverse: var(--color-shade-0); --color-theme-icon-inverse-disabled: var(--color-shade-500); --color-theme-icon-content: var(--color-shade-1000); --color-theme-icon-utility-success: var(--color-green-500); --color-theme-icon-utility-warning: var(--color-orange-400); --color-theme-icon-utility-error: var(--color-red-500); --color-theme-icon-utility-focus: var(--color-purple-700); --color-theme-icon-utility-progress: var(--color-lime-300); --shadow-theme-shadow-1: var(--shadow-light); } .bk-header[data-color-mode^="light"] { --color-theme-bg-header: #fff; --color-theme-content-header: #18181b; --color-theme-bg-cta: #000; --color-theme-bg-cta-hover: #3f3f46; --color-theme-bg-cta-active: #71717a; --color-theme-bg-cta-focus: #000; --color-theme-bg-cta-disabled: #d4d4d8; --color-theme-content-cta: #000; --color-theme-content-cta-hover: #3f3f46; --color-theme-content-cta-active: #71717a; --color-theme-content-cta-focus: #000; --color-theme-content-cta-disabled: #a1a1aa; --color-theme-content-cta-inverse: #fff; --color-theme-content-cta-inverse-hover: #d4d4d8; --color-theme-content-cta-inverse-active: #a1a1aa; --color-theme-content-cta-inverse-focus: #fff; --color-theme-content-cta-inverse-disabled: #71717a; --color-theme-border-cta: #000; --color-theme-border-cta-hover: #3f3f46; --color-theme-border-cta-active: #71717a; --color-theme-border-cta-focus: #000; --color-theme-border-cta-disabled: #d4d4d8; --radius-theme-full: 9999px; --shadow-theme-shadow-1: 0 8px 48px #06060814, 0 4px 8px #18181b0a, 0 0 2px #18181b40; } .bk-header[data-color-mode^="dark"] { --color-theme-bg-header: #0e0e10; --color-theme-content-header: #fff; --color-theme-bg-cta: #fff; --color-theme-bg-cta-hover: #d4d4d8; --color-theme-bg-cta-active: #a1a1aa; --color-theme-bg-cta-focus: #fff; --color-theme-bg-cta-disabled: #52525b; --color-theme-content-cta: #fff; --color-theme-content-cta-hover: #d4d4d8; --color-theme-content-cta-active: #a1a1aa; --color-theme-content-cta-focus: #fff; --color-theme-content-cta-disabled: #71717a; --color-theme-content-cta-inverse: #000; --color-theme-content-cta-inverse-hover: #3f3f46; --color-theme-content-cta-inverse-active: #71717a; --color-theme-content-cta-inverse-focus: #000; --color-theme-content-cta-inverse-disabled: #a1a1aa; --color-theme-border-cta: #fff; --color-theme-border-cta-hover: #d4d4d8; --color-theme-border-cta-active: #a1a1aa; --color-theme-border-cta-focus: #fff; --color-theme-border-cta-disabled: #a1a1aa; --radius-theme-full: 9999px; --shadow-theme-shadow-1: 0 8px 48px #18181b3d, 0 4px 8px #18181b29, 0 0 2px #ffffff85; } :root [data-color-mode^="light"] { --color-theme-bg-surface-1: var(--color-shade-0); --color-theme-bg-surface-2: var(--color-warm-gray-50); --color-theme-bg-table-row-heading: var(--color-warm-gray-300); --color-theme-bg-table-cell: var(--color-warm-gray-100); --color-theme-bg-table-cell-hover: var(--color-warm-gray-200); } :root [data-color-mode^="light"][data-surface-mode="offset"][data-surface-mode="offset"], :root [data-color-mode^="light"] [data-surface-mode="offset"] { --color-theme-bg-surface-1: var(--color-warm-gray-50); --color-theme-bg-surface-2: var(--color-warm-gray-100); } :root [data-color-mode^="dark"] { --color-theme-bg-surface-1: var(--color-cool-gray-950); --color-theme-bg-surface-2: var(--color-cool-gray-900); --color-theme-bg-table-heading: var(--color-cool-gray-700); } :root [data-color-mode^="dark"][data-surface-mode="offset"][data-surface-mode="offset"], :root [data-color-mode^="dark"] [data-surface-mode="offset"] { --color-theme-bg-surface-1: var(--color-cool-gray-900); --color-theme-bg-surface-2: var(--color-cool-gray-850); } :root [data-color-mode="dark-green"] { --color-theme-bg-accent: var(--color-mint-200); --color-theme-bg-surface-1: var(--color-forest-green-950); --color-theme-bg-surface-2: var(--color-forest-green-900); --color-theme-content-accent: var(--color-mint-200); --color-component-heading-group-eyebrow-content: var(--color-mint-200); --color-theme-bg-table-heading: var(--color-forest-green-900); --color-theme-bg-input-selected: var(--color-mint-200); --color-theme-bg-input-selected-hover: var(--color-mint-300); --color-theme-bg-input-selected-active: var(--color-mint-400); --color-theme-border-input-selected: var(--color-mint-200); --color-theme-border-input-selected-hover: var(--color-mint-300); --color-theme-border-input-selected-active: var(--color-mint-400); --color-theme-bg-utility-progress: var(--color-mint-200); } :root [data-color-mode="dark-green"][data-surface-mode="offset"][data-surface-mode="offset"], :root [data-color-mode="dark-green"] [data-surface-mode="offset"] { --color-theme-bg-surface-1: var(--color-forest-green-900); --color-theme-bg-surface-2: var(--color-forest-green-850); } :root [data-color-mode="dark-teal"] { --color-theme-bg-accent: var(--color-cyan-200); --color-theme-bg-surface-1: var(--color-teal-950); --color-theme-bg-surface-2: var(--color-teal-900); --color-theme-border-accent: var(--color-cyan-200); --color-theme-content-accent: var(--color-cyan-200); --color-theme-content-eyebrow: var(--color-cyan-200); --color-theme-content-utility-success: var(--color-green-100); --color-theme-content-utility-warning: var(--color-orange-100); --color-theme-content-utility-error: var(--color-red-100); --color-theme-bg-utility-progress: var(--color-cyan-200); } :root [data-color-mode="dark-teal"][data-surface-mode="offset"][data-surface-mode="offset"], :root [data-color-mode="dark-teal"] [data-surface-mode="offset"] { --color-theme-bg-surface-1: var(--color-teal-900); --color-theme-bg-surface-2: var(--color-teal-850); } :root [data-color-mode="dark-blue"] { --color-theme-bg-accent: var(--color-sky-400); --color-theme-bg-surface-1: var(--color-blue-950); --color-theme-bg-surface-2: var(--color-blue-900); --color-theme-content-accent: var(--color-sky-400); --color-component-heading-group-eyebrow-content: var(--color-sky-400); --color-theme-bg-table-heading: var(--color-blue-900); --color-theme-bg-input-selected: var(--color-sky-400); --color-theme-bg-input-selected-hover: var(--color-sky-200); --color-theme-bg-input-selected-active: var(--color-sky-300); --color-theme-border-input-selected: var(--color-sky-300); --color-theme-border-input-selected-hover: var(--color-sky-300); --color-theme-border-input-selected-active: var(--color-sky-300); --color-theme-bg-utility-progress: var(--color-sky-400); } :root [data-color-mode="dark-blue"][data-surface-mode="offset"][data-surface-mode="offset"], :root [data-color-mode="dark-blue"] [data-surface-mode="offset"] { --color-theme-bg-surface-1: var(--color-blue-900); --color-theme-bg-surface-2: var(--color-blue-850); } :root { --font-size-button-lg: 1rem; --letter-spacing-button-lg: 0; --line-height-button-lg: 1.5rem; --font-size-button-sm: 1rem; --letter-spacing-button-sm: 0; --line-height-button-sm: 1.5rem; } *, :after, :before, ::backdrop { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } ::file-selector-button { box-sizing: border-box; border: 0 solid; margin: 0; padding: 0; } html, :host { -webkit-text-size-adjust: 100%; tab-size: 4; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; font-family: Inter-Variable, Helvetica, Arial, sans-serif; line-height: 1.5; } hr { height: 0; color: inherit; border-top-width: 1px; } abbr:where([title]) { -webkit-text-decoration: underline dotted; text-decoration: underline dotted; } h1, h2, h3, h4, h5, h6 { font-size: inherit; font-weight: inherit; } a { color: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; -webkit-text-decoration: inherit; text-decoration: inherit; } b, strong { font-weight: bolder; } code, kbd, samp, pre { font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace); font-feature-settings: var(--default-mono-font-feature-settings, normal); font-variation-settings: var(--default-mono-font-variation-settings, normal); font-size: 1em; } small { font-size: 80%; } sub, sup { vertical-align: baseline; font-size: 75%; line-height: 0; position: relative; } sub { bottom: -.25em; } sup { top: -.5em; } table { text-indent: 0; border-color: inherit; border-collapse: collapse; } :-moz-focusring { outline: auto; } progress { vertical-align: baseline; } summary { display: list-item; } ol, ul, menu { list-style: none; } img, svg, video, canvas, audio, iframe, embed, object { vertical-align: middle; display: block; } img, video { max-width: 100%; height: auto; } button, input, select, optgroup, textarea { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } ::file-selector-button { font: inherit; font-feature-settings: inherit; font-variation-settings: inherit; letter-spacing: inherit; color: inherit; opacity: 1; background-color: #0000; border-radius: 0; } :where(select:is([multiple], [size])) optgroup { font-weight: bolder; } :where(select:is([multiple], [size])) optgroup option { padding-inline-start: 20px; } ::file-selector-button { margin-inline-end: 4px; } ::placeholder { opacity: 1; } @supports (not ((-webkit-appearance: -apple-pay-button))) or (contain-intrinsic-size: 1px) { ::placeholder { color: currentColor; } @supports (color: color-mix(in lab, red, red)) { ::placeholder { color: color-mix(in oklab, currentcolor 50%, transparent); } } } textarea { resize: vertical; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-date-and-time-value { min-height: 1lh; text-align: inherit; } ::-webkit-datetime-edit { display: inline-flex; } ::-webkit-datetime-edit-fields-wrapper { padding: 0; } ::-webkit-datetime-edit { padding-block: 0; } ::-webkit-datetime-edit-year-field { padding-block: 0; } ::-webkit-datetime-edit-month-field { padding-block: 0; } ::-webkit-datetime-edit-day-field { padding-block: 0; } ::-webkit-datetime-edit-hour-field { padding-block: 0; } ::-webkit-datetime-edit-minute-field { padding-block: 0; } ::-webkit-datetime-edit-second-field { padding-block: 0; } ::-webkit-datetime-edit-millisecond-field { padding-block: 0; } ::-webkit-datetime-edit-meridiem-field { padding-block: 0; } ::-webkit-calendar-picker-indicator { line-height: 1; } :-moz-ui-invalid { box-shadow: none; } button, input:where([type="button"], [type="reset"], [type="submit"]) { appearance: button; } ::file-selector-button { appearance: button; } ::-webkit-inner-spin-button { height: auto; } ::-webkit-outer-spin-button { height: auto; } [hidden]:where(:not([hidden="until-found"])) { display: none !important; } *, :after, :before { box-sizing: border-box; border: 0 solid #e5e7eb; } select:disabled { opacity: .7; } html { scroll-padding: calc(var(--spacing) * 24); scroll-behavior: smooth; } :lang(ja)[data-content-lang="ja"], :lang(zh)[data-content-lang="zh"] { word-break: break-all; } :lang(ja)[data-content-lang="en"], :lang(zh)[data-content-lang="en"] { word-break: normal; } :lang(ko) { word-break: keep-all; } body { font-family: Inter-Variable, Helvetica, Arial, sans-serif; } section { margin-top: -1px; margin-bottom: -1px; } div[data-mode="dark"] input:-webkit-autofill { -webkit-background-clip: text; } div[data-mode="dark"] input:-webkit-autofill:hover { -webkit-background-clip: text; } div[data-mode="dark"] input:-webkit-autofill:focus { -webkit-background-clip: text; } div[data-mode="dark"] input:-webkit-autofill:active { -webkit-background-clip: text; } [data-mode="light"] input:-webkit-autofill { -webkit-background-clip: text; } [data-mode="light"] input:-webkit-autofill:hover { -webkit-background-clip: text; } [data-mode="light"] input:-webkit-autofill:focus { -webkit-background-clip: text; } [data-mode="light"] input:-webkit-autofill:active { -webkit-background-clip: text; } button:not(:disabled), [role="button"]:not(:disabled) { cursor: pointer; } } @layer components { .no-skip-ink { -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; } strong, b { font-weight: 550; } .richtext h1:not(.no-richtext h1), .richtext .text-t1:not(.no-richtext .text-t1) { margin-bottom: var(--space-sm); margin-top: var(--space-lg); font-size: var(--font-size-t1); line-height: var(--line-height-t1); letter-spacing: var(--letter-spacing-t1); font-weight: var(--font-weight-t1); } .richtext h2:not(.no-richtext h2), .richtext .text-t2:not(.no-richtext .text-t2) { margin-bottom: var(--space-sm); margin-top: var(--space-lg); font-size: var(--font-size-t2); line-height: var(--line-height-t2); letter-spacing: var(--letter-spacing-t2); font-weight: var(--font-weight-t2); } .richtext h3:not(.no-richtext h3), .richtext .text-t3:not(.no-richtext .text-t3) { margin-bottom: .5rem; margin-top: var(--space-lg); font-size: var(--font-size-t3); line-height: var(--line-height-t3); letter-spacing: var(--letter-spacing-t3); font-weight: var(--font-weight-t3); } .richtext h4:not(.no-richtext h4), .richtext .text-t4:not(.no-richtext .text-t4) { margin-bottom: .5rem; margin-top: var(--space-lg); font-size: var(--font-size-t4); line-height: var(--line-height-t4); letter-spacing: var(--letter-spacing-t4); font-weight: var(--font-weight-t4); } .richtext h5:not(.no-richtext h5), .richtext .text-t5:not(.no-richtext .text-t5) { margin-bottom: .5rem; margin-top: var(--space-lg); font-size: var(--font-size-t5); line-height: var(--line-height-t5); letter-spacing: var(--letter-spacing-t5); font-weight: var(--font-weight-t5); } .richtext h6:not(.no-richtext h6), .richtext .text-t6:not(.no-richtext .text-t6) { margin-bottom: .5rem; margin-top: var(--space-lg); font-size: var(--font-size-t6); line-height: var(--line-height-t6); letter-spacing: var(--letter-spacing-t6); font-weight: var(--font-weight-t6); } .richtext .text-t7:not(.no-richtext .text-t7) { margin-bottom: .5rem; margin-top: var(--space-md); font-size: var(--font-size-t7); line-height: var(--line-height-t7); letter-spacing: var(--letter-spacing-t7); font-weight: var(--font-weight-t7); } .richtext .text-t8:not(.no-richtext .text-t8) { margin-bottom: .5rem; margin-top: var(--space-md); font-size: var(--font-size-t8); line-height: var(--line-height-t8); letter-spacing: var(--letter-spacing-t8); font-weight: var(--font-weight-t8); } .richtext p:not(.no-richtext p) { margin-bottom: var(--space-sm); } .richtext .text-body-sm:not(.no-richtext .text-body-sm) { margin-bottom: .5rem; } .richtext ul:not(.no-richtext ul) { list-style-type: disc; } .richtext ol:not(.no-richtext ol) { list-style-type: decimal; } .richtext ul:not(.no-richtext ul), .richtext ol:not(.no-richtext ol) { margin-left: .5rem; margin-bottom: var(--space-sm); padding-left: 1.25rem; } .richtext div:not(.no-richtext) li { margin-bottom: var(--space-sm); } .richtext div:not(.no-richtext) li:last-child { margin-bottom: 0; } .richtext dt { font-weight: 550; } .richtext dd { margin-inline-start: 40px; } .richtext .margin-0 { margin: 0; } div.richtext > :not(.no-richtext):first-child { margin-top: 0; } div.richtext > :not(.no-richtext):last-child { margin-bottom: 0; } .richtext a:not(.no-richtext a), .link { -webkit-text-decoration-skip-ink: none; text-decoration-skip-ink: none; outline-color: #751be9; font-weight: 550; text-decoration-line: underline; } .richtext a:not(.no-richtext a):hover, .link:hover, .richtext a:not(.no-richtext a):active, .link:active { text-decoration-line: none; } a.arrow-animation, span.arrow-animation, .arrow-animation > a { position: relative; } a.arrow-animation:hover:after, span.arrow-animation:hover:after, .arrow-animation > a:hover:after { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 1; } a.arrow-animation:after, span.arrow-animation:after, .arrow-animation > a:after { --tw-translate-x: calc(var(--spacing) * -2); translate: var(--tw-translate-x) var(--tw-translate-y); opacity: 0; position: absolute; } @media (prefers-reduced-motion: reduce) { a.arrow-animation:after, span.arrow-animation:after, .arrow-animation > a:after { transition-property: none; } } a.arrow-animation:after, span.arrow-animation:after, .arrow-animation > a:after { content: ""; background-color: currentColor; width: 1em; height: 1em; margin-left: .25em; transition: opacity .12s, transform .3s cubic-bezier(.66, 0, .34, 1); bottom: .2em; -webkit-mask: url("https://cdn.shopify.com/shopifycloud/brochure2/staging/assets/link-arrow.e34cea4d.svg") 50% / cover no-repeat; mask: url("https://cdn.shopify.com/shopifycloud/brochure2/staging/assets/link-arrow.e34cea4d.svg") 50% / cover no-repeat; } :root { --grid__devMode-4: repeating-linear-gradient(to right, #0000 -1rem, #0000 0%, #ff450033 0%, #ff450033 calc(25% - 1rem * (.75))); --grid__devMode-8: repeating-linear-gradient(to right, #0000 -1rem, #0000 0%, #ff450033 0%, #ff450033 calc(12.5% - 1rem * (.875))); --grid__devMode-12-md: repeating-linear-gradient(to right, #0000 -1rem, #0000 0%, #ff450033 0%, #ff450033 calc(8.3% - 1rem * (.9))); --grid__devMode-12-lg: repeating-linear-gradient(to right, #0000 -1.5rem, #0000 0%, #ff450033 0%, #ff450033 calc(8.3% - 1.5rem * (.9))); } } @layer utilities { .\@container, .\[container-type\:inline-size\] { container-type: inline-size; } .pointer-events-auto { pointer-events: auto; } .pointer-events-none { pointer-events: none; } .collapse { visibility: collapse; } .invisible { visibility: hidden; } .visible { visibility: visible; } .sr-only { clip-path: inset(50%); white-space: nowrap; border-width: 0; width: 1px; height: 1px; margin: -1px; padding: 0; position: absolute; overflow: hidden; } .\!fixed { position: fixed !important; } .absolute { position: absolute; } .fixed { position: fixed; } .relative { position: relative; } .static { position: static; } .sticky { position: sticky; } .inset-0 { inset: calc(var(--spacing) * 0); } .inset-1\/2 { inset: 50%; } .inset-\[20\%\] { inset: 20%; } .inset-x-0 { inset-inline: calc(var(--spacing) * 0); } .inset-x-0\.5 { inset-inline: calc(var(--spacing) * .5); } .start-0 { inset-inline-start: calc(var(--spacing) * 0); } .start-1\/2 { inset-inline-start: 50%; } .start-2 { inset-inline-start: calc(var(--spacing) * 2); } .start-4 { inset-inline-start: calc(var(--spacing) * 4); } .start-\[calc\(var\(--spacing-margin\)\+\.75rem\)\] { inset-inline-start: calc(var(--spacing-margin) + .75rem); } .start-margin { inset-inline-start: var(--spacing-margin); } .end-3 { inset-inline-end: calc(var(--spacing) * 3); } .end-4 { inset-inline-end: calc(var(--spacing) * 4); } .end-margin { inset-inline-end: var(--spacing-margin); } .\!top-auto { top: auto !important; } .-top-1 { top: calc(var(--spacing) * -1); } .-top-1\/2 { top: -50%; } .-top-5 { top: calc(var(--spacing) * -5); } .-top-6 { top: calc(var(--spacing) * -6); } .-top-8 { top: calc(var(--spacing) * -8); } .-top-14 { top: calc(var(--spacing) * -14); } .-top-20 { top: calc(var(--spacing) * -20); } .-top-global-header { top: calc(var(--spacing-global-header) * -1); } .top-0 { top: calc(var(--spacing) * 0); } .top-1\.5 { top: calc(var(--spacing) * 1.5); } .top-1\/2 { top: 50%; } .top-2 { top: calc(var(--spacing) * 2); } .top-3 { top: calc(var(--spacing) * 3); } .top-4 { top: calc(var(--spacing) * 4); } .top-8 { top: calc(var(--spacing) * 8); } .top-12 { top: calc(var(--spacing) * 12); } .top-24 { top: calc(var(--spacing) * 24); } .top-40 { top: calc(var(--spacing) * 40); } .top-\[-1px\] { top: -1px; } .top-\[-2px\] { top: -2px; } .top-\[-5px\] { top: -5px; } .top-\[-7px\] { top: -7px; } .top-\[-8px\] { top: -8px; } .top-\[-22px\] { top: -22px; } .top-\[2\.2rem\] { top: 2.2rem; } .top-\[11\%\] { top: 11%; } .top-\[41px\] { top: 41px; } .top-\[42px\] { top: 42px; } .top-\[46px\] { top: 46px; } .top-\[72px\] { top: 72px; } .top-\[80px\] { top: 80px; } .top-auto { top: auto; } .top-global-header { top: var(--spacing-global-header); } .top-mm-48 { top: 3.168cqw; } .top-mm-71 { top: 4.686cqw; } .-right-5 { right: calc(var(--spacing) * -5); } .-right-14 { right: calc(var(--spacing) * -14); } .-right-16 { right: calc(var(--spacing) * -16); } .right-0 { right: calc(var(--spacing) * 0); } .right-1 { right: calc(var(--spacing) * 1); } .right-2 { right: calc(var(--spacing) * 2); } .right-3 { right: calc(var(--spacing) * 3); } .right-4 { right: calc(var(--spacing) * 4); } .right-10 { right: calc(var(--spacing) * 10); } .right-\[0\.9em\] { right: .9em; } .right-\[2\.4em\] { right: 2.4em; } .right-margin { right: var(--spacing-margin); } .right-md { right: var(--spacing-md); } .right-mm-24 { right: 1.584cqw; } .-bottom-1 { bottom: calc(var(--spacing) * -1); } .bottom-0 { bottom: calc(var(--spacing) * 0); } .bottom-1 { bottom: calc(var(--spacing) * 1); } .bottom-2 { bottom: calc(var(--spacing) * 2); } .bottom-4 { bottom: calc(var(--spacing) * 4); } .bottom-5 { bottom: calc(var(--spacing) * 5); } .bottom-8 { bottom: calc(var(--spacing) * 8); } .bottom-\[-2px\] { bottom: -2px; } .bottom-\[-6px\] { bottom: -6px; } .bottom-\[calc\(100\%\+5em\)\] { bottom: calc(100% + 5em); } .bottom-full { bottom: 100%; } .bottom-md { bottom: var(--spacing-md); } .bottom-mm-24 { bottom: 1.584cqw; } .left-0 { left: calc(var(--spacing) * 0); } .left-1 { left: calc(var(--spacing) * 1); } .left-1\/2 { left: 50%; } .left-2 { left: calc(var(--spacing) * 2); } .left-4 { left: calc(var(--spacing) * 4); } .left-6 { left: calc(var(--spacing) * 6); } .left-8 { left: calc(var(--spacing) * 8); } .left-10 { left: calc(var(--spacing) * 10); } .left-\[-5px\] { left: -5px; } .left-\[5\%\] { left: 5%; } .left-\[calc\(var\(--margin\)\+\.75rem\)\] { left: calc(var(--margin) + .75rem); } .left-margin { left: var(--spacing-margin); } .left-mm-10 { left: .66cqw; } .isolate { isolation: isolate; } .z-0 { z-index: 0; } .z-1 { z-index: 1; } .z-5 { z-index: 5; } .z-10 { z-index: 10; } .z-20 { z-index: 20; } .z-30 { z-index: 30; } .z-40 { z-index: 40; } .z-45 { z-index: 45; } .z-50 { z-index: 50; } .z-70 { z-index: 70; } .z-\[1\] { z-index: 1; } .z-\[21\] { z-index: 21; } .z-\[100\] { z-index: 100; } .z-\[101\] { z-index: 101; } .z-\[999\] { z-index: 999; } .z-modal { z-index: var(--z-index-modal); } .order-1 { order: 1; } .order-2 { order: 2; } .order-first { order: -9999; } .order-last { order: 9999; } .col-span-1 { grid-column: span 1 / span 1; } .col-span-2 { grid-column: span 2 / span 2; } .col-span-3 { grid-column: span 3 / span 3; } .col-span-4 { grid-column: span 4 / span 4; } .col-span-5 { grid-column: span 5 / span 5; } .col-span-6 { grid-column: span 6 / span 6; } .col-span-7 { grid-column: span 7 / span 7; } .col-span-8 { grid-column: span 8 / span 8; } .col-span-9 { grid-column: span 9 / span 9; } .col-span-10 { grid-column: span 10 / span 10; } .col-span-11 { grid-column: span 11 / span 11; } .col-span-12 { grid-column: span 12 / span 12; } .col-start-1 { grid-column-start: 1; } .col-start-2 { grid-column-start: 2; } .col-start-3 { grid-column-start: 3; } .col-start-4 { grid-column-start: 4; } .col-start-5 { grid-column-start: 5; } .col-start-6 { grid-column-start: 6; } .col-start-7 { grid-column-start: 7; } .col-start-8 { grid-column-start: 8; } .col-start-9 { grid-column-start: 9; } .col-start-10 { grid-column-start: 10; } .col-start-11 { grid-column-start: 11; } .col-start-12 { grid-column-start: 12; } .col-end-2 { grid-column-end: 2; } .row-span-1 { grid-row: span 1 / span 1; } .row-start-1 { grid-row-start: 1; } .row-start-\[span_2\] { grid-row-start: span 2; } .row-end-2 { grid-row-end: 2; } .container { width: 100%; } @media (min-width: 340px) { .container { max-width: 340px; } } @media (min-width: 640px) { .container { max-width: 640px; } } @media (min-width: 768px) { .container { max-width: 768px; } } @media (min-width: 900px) { .container { max-width: 900px; } } @media (min-width: 1080px) { .container { max-width: 1080px; } } @media (min-width: 1090px) { .container { max-width: 1090px; } } @media (min-width: 1200px) { .container { max-width: 1200px; } } @media (min-width: 1300px) { .container { max-width: 1300px; } } @media (min-width: 1600px) { .container { max-width: 1600px; } } @media (min-width: 1920px) { .container { max-width: 1920px; } } .\!m-0 { margin: calc(var(--spacing) * 0) !important; } .m-0 { margin: calc(var(--spacing) * 0); } .m-1 { margin: calc(var(--spacing) * 1); } .m-4 { margin: calc(var(--spacing) * 4); } .m-6 { margin: calc(var(--spacing) * 6); } .m-auto { margin: auto; } .container { width: auto; max-width: none; margin-inline-start: var(--spacing-margin); margin-inline-end: var(--spacing-margin); } @media (min-width: 1600px) { .container { width: 100%; max-width: calc(1600px - (var(--spacing-margin) * 2)); margin-inline: auto; } } .container { margin-left: var(--margin); margin-right: var(--margin); width: auto; max-width: none; } @media (min-width: 1600px) { .container { width: 100%; max-width: calc(1600px - (var(--margin) * 2)); margin-inline: auto; } } .\!mx-0 { margin-inline: calc(var(--spacing) * 0) !important; } .mx-0 { margin-inline: calc(var(--spacing) * 0); } .mx-1 { margin-inline: calc(var(--spacing) * 1); } .mx-2 { margin-inline: calc(var(--spacing) * 2); } .mx-4 { margin-inline: calc(var(--spacing) * 4); } .mx-7 { margin-inline: calc(var(--spacing) * 7); } .mx-auto { margin-inline: auto; } .mx-margin { margin-inline: var(--spacing-margin); } .my-0 { margin-block: calc(var(--spacing) * 0); } .my-1 { margin-block: calc(var(--spacing) * 1); } .my-2 { margin-block: calc(var(--spacing) * 2); } .my-2xl { margin-block: var(--spacing-2xl); } .my-4 { margin-block: calc(var(--spacing) * 4); } .my-6 { margin-block: calc(var(--spacing) * 6); } .my-8 { margin-block: calc(var(--spacing) * 8); } .my-\[-10px\] { margin-block: -10px; } .my-auto { margin-block: auto; } .my-md { margin-block: var(--spacing-md); } .ms-3 { margin-inline-start: calc(var(--spacing) * 3); } .ms-\[0\.5ch\] { margin-inline-start: .5ch; } .ms-auto { margin-inline-start: auto; } .me-1 { margin-inline-end: calc(var(--spacing) * 1); } .\!-mt-2 { margin-top: calc(var(--spacing) * -2) !important; } .\!mt-0 { margin-top: calc(var(--spacing) * 0) !important; } .-mt-2 { margin-top: calc(var(--spacing) * -2); } .-mt-8 { margin-top: calc(var(--spacing) * -8); } .-mt-12 { margin-top: calc(var(--spacing) * -12); } .mt-0 { margin-top: calc(var(--spacing) * 0); } .mt-0\.5 { margin-top: calc(var(--spacing) * .5); } .mt-1 { margin-top: calc(var(--spacing) * 1); } .mt-2 { margin-top: calc(var(--spacing) * 2); } .mt-2\.5 { margin-top: calc(var(--spacing) * 2.5); } .mt-3 { margin-top: calc(var(--spacing) * 3); } .mt-4 { margin-top: calc(var(--spacing) * 4); } .mt-6 { margin-top: calc(var(--spacing) * 6); } .mt-7 { margin-top: calc(var(--spacing) * 7); } .mt-8 { margin-top: calc(var(--spacing) * 8); } .mt-10 { margin-top: calc(var(--spacing) * 10); } .mt-12 { margin-top: calc(var(--spacing) * 12); } .mt-14 { margin-top: calc(var(--spacing) * 14); } .mt-16 { margin-top: calc(var(--spacing) * 16); } .mt-\[-10px\] { margin-top: -10px; } .mt-\[2px\] { margin-top: 2px; } .mt-\[3px\] { margin-top: 3px; } .mt-\[13px\] { margin-top: 13px; } .mt-auto { margin-top: auto; } .mt-lg { margin-top: var(--spacing-lg); } .mt-md { margin-top: var(--spacing-md); } .mt-mm-5 { margin-top: .33cqw; } .mt-mm-17 { margin-top: 1.122cqw; } .mt-mm-56 { margin-top: 3.696cqw; } .mt-sm { margin-top: var(--spacing-sm); } .mt-xl { margin-top: var(--spacing-xl); } .mr-0 { margin-right: calc(var(--spacing) * 0); } .mr-1 { margin-right: calc(var(--spacing) * 1); } .mr-2 { margin-right: calc(var(--spacing) * 2); } .mr-3 { margin-right: calc(var(--spacing) * 3); } .mr-4 { margin-right: calc(var(--spacing) * 4); } .mr-4xl { margin-right: var(--spacing-4xl); } .mr-6 { margin-right: calc(var(--spacing) * 6); } .mr-7 { margin-right: calc(var(--spacing) * 7); } .mr-8 { margin-right: calc(var(--spacing) * 8); } .mr-12 { margin-right: calc(var(--spacing) * 12); } .mr-\[-4px\] { margin-right: -4px; } .mr-\[-15px\] { margin-right: -15px; } .mr-auto { margin-right: auto; } .-mb-\[2000px\] { margin-bottom: -2000px; } .-mb-\[var\(--spacing-component-section-overlap\)\], .-mb-component-section-overlap { margin-bottom: calc(var(--spacing-component-section-overlap) * -1); } .-mb-global-header { margin-bottom: calc(var(--spacing-global-header) * -1); } .mb-0 { margin-bottom: calc(var(--spacing) * 0); } .mb-0\.5 { margin-bottom: calc(var(--spacing) * .5); } .mb-1 { margin-bottom: calc(var(--spacing) * 1); } .mb-1\.5 { margin-bottom: calc(var(--spacing) * 1.5); } .mb-2 { margin-bottom: calc(var(--spacing) * 2); } .mb-3 { margin-bottom: calc(var(--spacing) * 3); } .mb-3\.5 { margin-bottom: calc(var(--spacing) * 3.5); } .mb-4 { margin-bottom: calc(var(--spacing) * 4); } .mb-5 { margin-bottom: calc(var(--spacing) * 5); } .mb-6 { margin-bottom: calc(var(--spacing) * 6); } .mb-7 { margin-bottom: calc(var(--spacing) * 7); } .mb-8 { margin-bottom: calc(var(--spacing) * 8); } .mb-10 { margin-bottom: calc(var(--spacing) * 10); } .mb-\[100px\] { margin-bottom: 100px; } .mb-\[480px\] { margin-bottom: 480px; } .mb-\[1000px\] { margin-bottom: 1000px; } .mb-\[min\(6svh\,60px\)\] { margin-bottom: min(6svh, 60px); } .mb-md { margin-bottom: var(--spacing-md); } .mb-sm { margin-bottom: var(--spacing-sm); } .mb-xs { margin-bottom: var(--spacing-xs); } .-ml-0\.5 { margin-left: calc(var(--spacing) * -.5); } .-ml-2 { margin-left: calc(var(--spacing) * -2); } .-ml-\[var\(--margin\)\] { margin-left: calc(var(--margin) * -1); } .ml-1 { margin-left: calc(var(--spacing) * 1); } .ml-2 { margin-left: calc(var(--spacing) * 2); } .ml-3 { margin-left: calc(var(--spacing) * 3); } .ml-3\.5 { margin-left: calc(var(--spacing) * 3.5); } .ml-4 { margin-left: calc(var(--spacing) * 4); } .ml-5 { margin-left: calc(var(--spacing) * 5); } .ml-6 { margin-left: calc(var(--spacing) * 6); } .ml-7 { margin-left: calc(var(--spacing) * 7); } .ml-9 { margin-left: calc(var(--spacing) * 9); } .ml-\[0\.5ch\] { margin-left: .5ch; } .ml-auto { margin-left: auto; } .box-border { box-sizing: border-box; } .box-content { box-sizing: content-box; } .line-clamp-1 { -webkit-line-clamp: 1; -webkit-box-orient: vertical; display: -webkit-box; overflow: hidden; } .block { display: block; } .contents { display: contents; } .flex { display: flex; } .grid { display: grid; } .hidden { display: none; } .inline { display: inline; } .inline-block { display: inline-block; } .inline-flex { display: inline-flex; } .table { display: table; } .aspect-\[1\.049\] { aspect-ratio: 1.049; } .aspect-\[1\.706\] { aspect-ratio: 1.706; } .aspect-\[2\.8\/5\] { aspect-ratio: 2.8 / 5; } .aspect-\[2\/1\] { aspect-ratio: 2; } .aspect-\[2\/3\] { aspect-ratio: 2 / 3; } .aspect-\[3\.333\] { aspect-ratio: 3.333; } .aspect-\[4\/3\] { aspect-ratio: 4 / 3; } .aspect-\[21\/9\] { aspect-ratio: 21 / 9; } .aspect-\[310\/424\] { aspect-ratio: 310 / 424; } .aspect-\[377\/478\] { aspect-ratio: 377 / 478; } .aspect-\[1100\/2427\] { aspect-ratio: 1100 / 2427; } .aspect-\[1512\/800\] { aspect-ratio: 1512 / 800; } .aspect-\[var\(--aspect-ratio\)\] { aspect-ratio: var(--aspect-ratio); } .aspect-\[var\(--stack-aspect-ratio\)\] { aspect-ratio: var(--stack-aspect-ratio); } .aspect-square { aspect-ratio: 1; } .aspect-video { aspect-ratio: var(--aspect-video); } .size-3 { width: calc(var(--spacing) * 3); height: calc(var(--spacing) * 3); } .size-3\.5 { width: calc(var(--spacing) * 3.5); height: calc(var(--spacing) * 3.5); } .size-4 { width: calc(var(--spacing) * 4); height: calc(var(--spacing) * 4); } .size-5 { width: calc(var(--spacing) * 5); height: calc(var(--spacing) * 5); } .size-6 { width: calc(var(--spacing) * 6); height: calc(var(--spacing) * 6); } .size-7 { width: calc(var(--spacing) * 7); height: calc(var(--spacing) * 7); } .size-8 { width: calc(var(--spacing) * 8); height: calc(var(--spacing) * 8); } .size-\[6px\] { width: 6px; height: 6px; } .size-\[13px\] { width: 13px; height: 13px; } .size-\[22px\] { width: 22px; height: 22px; } .size-\[95\%\] { width: 95%; height: 95%; } .size-full { width: 100%; height: 100%; } .h-0 { height: calc(var(--spacing) * 0); } .h-0\.5 { height: calc(var(--spacing) * .5); } .h-1 { height: calc(var(--spacing) * 1); } .h-2 { height: calc(var(--spacing) * 2); } .h-2\.5 { height: calc(var(--spacing) * 2.5); } .h-3 { height: calc(var(--spacing) * 3); } .h-3\.5 { height: calc(var(--spacing) * 3.5); } .h-4 { height: calc(var(--spacing) * 4); } .h-5 { height: calc(var(--spacing) * 5); } .h-5xl { height: var(--spacing-5xl); } .h-6 { height: calc(var(--spacing) * 6); } .h-7 { height: calc(var(--spacing) * 7); } .h-8 { height: calc(var(--spacing) * 8); } .h-9 { height: calc(var(--spacing) * 9); } .h-10 { height: calc(var(--spacing) * 10); } .h-11 { height: calc(var(--spacing) * 11); } .h-12 { height: calc(var(--spacing) * 12); } .h-14 { height: calc(var(--spacing) * 14); } .h-15 { height: calc(var(--spacing) * 15); } .h-16 { height: calc(var(--spacing) * 16); } .h-18 { height: 4rem; } .h-24 { height: calc(var(--spacing) * 24); } .h-32 { height: calc(var(--spacing) * 32); } .h-40 { height: calc(var(--spacing) * 40); } .h-64 { height: calc(var(--spacing) * 64); } .h-72 { height: calc(var(--spacing) * 72); } .h-100 { height: 25rem; } .h-\[1\.1em\] { height: 1.1em; } .h-\[1em\] { height: 1em; } .h-\[2px\] { height: 2px; } .h-\[4px\] { height: 4px; } .h-\[7px\] { height: 7px; } .h-\[14px\] { height: 14px; } .h-\[18px\] { height: 18px; } .h-\[28px\] { height: 28px; } .h-\[42px\] { height: 42px; } .h-\[46px\] { height: 46px; } .h-\[50px\] { height: 50px; } .h-\[50vh\] { height: 50vh; } .h-\[55px\] { height: 55px; } .h-\[60\%\] { height: 60%; } .h-\[64px\] { height: 64px; } .h-\[88px\] { height: 88px; } .h-\[90px\] { height: 90px; } .h-\[150vh\] { height: 150vh; } .h-\[190px\] { height: 190px; } .h-\[200vh\] { height: 200vh; } .h-\[202px\] { height: 202px; } .h-\[225px\] { height: 225px; } .h-\[350px\] { height: 350px; } .h-\[360px\] { height: 360px; } .h-\[372px\] { height: 372px; } .h-\[417px\] { height: 417px; } .h-\[440px\] { height: 440px; } .h-\[464px\] { height: 464px; } .h-\[660px\] { height: 660px; } .h-\[700px\] { height: 700px; } .h-\[calc\(100dvh\)\] { height: 100dvh; } .h-\[calc\(100vh-65px\)\] { height: calc(100vh - 65px); } .h-\[var\(--spacing-component-section-overlap\)\] { height: var(--spacing-component-section-overlap); } .h-auto { height: auto; } .h-fit { height: fit-content; } .h-full { height: 100%; } .h-global-header { height: var(--spacing-global-header); } .h-mm-14 { height: .924cqw; } .h-mm-17 { height: 1.122cqw; } .h-mm-24 { height: 1.584cqw; } .h-mm-25 { height: 1.65cqw; } .h-mm-46 { height: 3.036cqw; } .h-mm-50 { height: 3.3cqw; } .h-mm-73 { height: 4.818cqw; } .h-px { height: 1px; } .h-screen { height: 100vh; } .h-svh { height: 100svh; } .max-h-0 { max-height: calc(var(--spacing) * 0); } .max-h-44 { max-height: calc(var(--spacing) * 44); } .max-h-60 { max-height: calc(var(--spacing) * 60); } .max-h-128 { max-height: 32rem; } .max-h-368 { max-height: calc(var(--spacing) * 368); } .max-h-480 { max-height: calc(var(--spacing) * 480); } .max-h-\[45px\] { max-height: 45px; } .max-h-\[66vh\] { max-height: 66vh; } .max-h-\[90\%\] { max-height: 90%; } .max-h-\[90vh\] { max-height: 90vh; } .max-h-\[10000px\] { max-height: 10000px; } .max-h-\[calc\(100dvh-14rem\)\] { max-height: calc(100dvh - 14rem); } .max-h-\[calc\(100vh-72px\)\] { max-height: calc(100vh - 72px); } .max-h-screen { max-height: 100vh; } .min-h-12 { min-height: calc(var(--spacing) * 12); } .min-h-\[16\%\] { min-height: 16%; } .min-h-\[100px\] { min-height: 100px; } .min-h-\[420px\] { min-height: 420px; } .min-h-\[2000px\] { min-height: 2000px; } .min-h-full { min-height: 100%; } .min-h-screen { min-height: 100vh; } .\!w-full { width: 100% !important; } .w-0 { width: calc(var(--spacing) * 0); } .w-1 { width: calc(var(--spacing) * 1); } .w-1\/2 { width: 50%; } .w-1\/3 { width: 33.3333%; } .w-2\.5 { width: calc(var(--spacing) * 2.5); } .w-2ch { width: 2ch; } .w-3 { width: calc(var(--spacing) * 3); } .w-3\.5 { width: calc(var(--spacing) * 3.5); } .w-3ch { width: 3ch; } .w-4 { width: calc(var(--spacing) * 4); } .w-4\/5 { width: 80%; } .w-4ch { width: 4ch; } .w-5 { width: calc(var(--spacing) * 5); } .w-6 { width: calc(var(--spacing) * 6); } .w-7 { width: calc(var(--spacing) * 7); } .w-7\.5 { width: calc(var(--spacing) * 7.5); } .w-8 { width: calc(var(--spacing) * 8); } .w-9 { width: calc(var(--spacing) * 9); } .w-10 { width: calc(var(--spacing) * 10); } .w-11 { width: calc(var(--spacing) * 11); } .w-12 { width: calc(var(--spacing) * 12); } .w-14 { width: calc(var(--spacing) * 14); } .w-15 { width: calc(var(--spacing) * 15); } .w-16 { width: calc(var(--spacing) * 16); } .w-18 { width: 4rem; } .w-24 { width: calc(var(--spacing) * 24); } .w-52 { width: calc(var(--spacing) * 52); } .w-80 { width: calc(var(--spacing) * 80); } .w-\[1\.125rem\] { width: 1.125rem; } .w-\[1em\] { width: 1em; } .w-\[2px\] { width: 2px; } .w-\[14px\] { width: 14px; } .w-\[18px\] { width: 18px; } .w-\[28px\] { width: 28px; } .w-\[33\.33\%\] { width: 33.33%; } .w-\[36px\] { width: 36px; } .w-\[40px\] { width: 40px; } .w-\[50px\] { width: 50px; } .w-\[60\%\] { width: 60%; } .w-\[70px\] { width: 70px; } .w-\[76px\] { width: 76px; } .w-\[80\%\] { width: 80%; } .w-\[88px\] { width: 88px; } .w-\[90\%\] { width: 90%; } .w-\[92\%\] { width: 92%; } .w-\[98px\] { width: 98px; } .w-\[100\%\] { width: 100%; } .w-\[118px\] { width: 118px; } .w-\[122px\] { width: 122px; } .w-\[136px\] { width: 136px; } .w-\[165px\] { width: 165px; } .w-\[174px\] { width: 174px; } .w-\[190px\] { width: 190px; } .w-\[200px\] { width: 200px; } .w-\[212px\] { width: 212px; } .w-\[224px\] { width: 224px; } .w-\[250px\] { width: 250px; } .w-\[253px\] { width: 253px; } .w-\[256px\] { width: 256px; } .w-\[278px\] { width: 278px; } .w-\[284px\] { width: 284px; } .w-\[330px\] { width: 330px; } .w-\[350px\] { width: 350px; } .w-\[351px\] { width: 351px; } .w-\[512px\] { width: 512px; } .w-\[520px\] { width: 520px; } .w-\[640px\] { width: 640px; } .w-\[calc\(50\%-1\.5rem\)\] { width: calc(50% - 1.5rem); } .w-\[calc\(50\%-1rem\)\] { width: calc(50% - 1rem); } .w-\[calc\(50\%-var\(--spacing-md\)\)\] { width: calc(50% - var(--spacing-md)); } .w-\[calc\(100\%-16px\)\] { width: calc(100% - 16px); } .w-\[calc\(100\%\/var\(--count\)\)\] { width: calc(100% / var(--count)); } .w-auto { width: auto; } .w-ch { width: 1ch; } .w-fit { width: fit-content; } .w-full { width: 100%; } .w-max { width: max-content; } .w-mm-14 { width: .924cqw; } .w-mm-17 { width: 1.122cqw; } .w-mm-24 { width: 1.584cqw; } .w-mm-46 { width: 3.036cqw; } .w-mm-50 { width: 3.3cqw; } .w-mm-94 { width: 6.204cqw; } .w-mm-363 { width: 23.958cqw; } .w-mm-720 { width: 47.52cqw; } .w-mm-1300 { width: 85.8cqw; } .w-screen { width: 100vw; } .max-w-2xl { max-width: var(--container-2xl); } .max-w-4xl { max-width: var(--container-4xl); } .max-w-6xl { max-width: var(--container-6xl); } .max-w-52 { max-width: calc(var(--spacing) * 52); } .max-w-80 { max-width: calc(var(--spacing) * 80); } .max-w-96 { max-width: calc(var(--spacing) * 96); } .max-w-128 { max-width: 32rem; } .max-w-\[21em\] { max-width: 21em; } .max-w-\[26em\] { max-width: 26em; } .max-w-\[32em\] { max-width: 32em; } .max-w-\[35em\] { max-width: 35em; } .max-w-\[45px\] { max-width: 45px; } .max-w-\[60ch\] { max-width: 60ch; } .max-w-\[95\%\] { max-width: 95%; } .max-w-\[200px\] { max-width: 200px; } .max-w-\[210px\] { max-width: 210px; } .max-w-\[320px\] { max-width: 320px; } .max-w-\[360px\] { max-width: 360px; } .max-w-\[600px\] { max-width: 600px; } .max-w-\[768px\] { max-width: 768px; } .max-w-\[1200px\] { max-width: 1200px; } .max-w-\[1420px\] { max-width: 1420px; } .max-w-full { max-width: 100%; } .max-w-max { max-width: max-content; } .max-w-md { max-width: var(--container-md); } .max-w-none { max-width: none; } .max-w-screen-lg { max-width: var(--breakpoint-lg); } .max-w-screen-xl { max-width: var(--breakpoint-xl); } .max-w-sm { max-width: var(--container-sm); } .max-w-xl { max-width: var(--container-xl); } .min-w-0 { min-width: calc(var(--spacing) * 0); } .min-w-24 { min-width: calc(var(--spacing) * 24); } .min-w-\[145px\] { min-width: 145px; } .min-w-full { min-width: 100%; } .flex-1 { flex: 1; } .flex-none { flex: none; } .shrink { flex-shrink: 1; } .shrink-0 { flex-shrink: 0; } .flex-grow, .grow { flex-grow: 1; } .basis-1\/2 { flex-basis: 50%; } .table-fixed { table-layout: fixed; } .origin-\[0\] { transform-origin: 0; } .origin-bottom-left { transform-origin: 0 100%; } .origin-center { transform-origin: center; } .origin-top-left { transform-origin: 0 0; } .-translate-x-1\/2 { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-\[3px\] { --tw-translate-x: calc(3px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-x-full { --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1 { --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-1\/4 { --tw-translate-x: calc(1 / 4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-5 { --tw-translate-x: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-16 { --tw-translate-x: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-\.5em\] { --tw-translate-x: -.5em; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-200\%\] { --tw-translate-x: -200%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[-400\%\] { --tw-translate-x: -400%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[200\%\] { --tw-translate-x: 200%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[400\%\] { --tw-translate-x: 400%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[calc\(-100\%-var\(--gutter\)\)\] { --tw-translate-x: calc(-100% - var(--gutter)); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[calc\(-100\%-var\(--spacing-gutter\)\)\] { --tw-translate-x: calc(-100% - var(--spacing-gutter)); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[calc\(-200\%-\(var\(--gutter\)\*2\)\)\] { --tw-translate-x: calc(-200% - (var(--gutter) * 2)); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[calc\(-200\%-\(var\(--spacing-gutter\)\*2\)\)\] { --tw-translate-x: calc(-200% - (var(--spacing-gutter) * 2)); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[calc\(100\%\+var\(--gutter\)\)\] { --tw-translate-x: calc(100% + var(--gutter)); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[calc\(100\%\+var\(--spacing-gutter\)\)\] { --tw-translate-x: calc(100% + var(--spacing-gutter)); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[calc\(200\%\+\(var\(--gutter\)\*2\)\)\] { --tw-translate-x: calc(200% + (var(--gutter) * 2)); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-\[calc\(200\%\+\(var\(--spacing-gutter\)\*2\)\)\] { --tw-translate-x: calc(200% + (var(--spacing-gutter) * 2)); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-x-full { --tw-translate-x: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1 { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-3 { --tw-translate-y: calc(var(--spacing) * -3); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-6 { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[\.5px\] { --tw-translate-y: calc(.5px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[10px\] { --tw-translate-y: calc(10px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[30px\] { --tw-translate-y: calc(30px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-\[40px\] { --tw-translate-y: calc(40px * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .-translate-y-global-header { --tw-translate-y: calc(var(--spacing-global-header) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-1 { --tw-translate-y: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-2 { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-5 { --tw-translate-y: calc(var(--spacing) * 5); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-10 { --tw-translate-y: calc(var(--spacing) * 10); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[-200\%\] { --tw-translate-y: -200%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[\.5px\] { --tw-translate-y: .5px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[5px\] { --tw-translate-y: 5px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[12\%\] { --tw-translate-y: 12%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[18\%\] { --tw-translate-y: 18%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[30px\] { --tw-translate-y: 30px; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-\[calc\(100\%\+21px\)\] { --tw-translate-y: calc(100% + 21px); translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-full { --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .translate-y-global-header { --tw-translate-y: var(--spacing-global-header); translate: var(--tw-translate-x) var(--tw-translate-y); } .scale-0 { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-75 { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-95 { --tw-scale-x: 95%; --tw-scale-y: 95%; --tw-scale-z: 95%; scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .-scale-y-100 { --tw-scale-y: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } .scale-\[1\.01\] { scale: 1.01; } .scale-\[1\.1\] { scale: 1.1; } .scale-\[1\] { scale: 1; } .scale-\[150\%\] { scale: 150%; } .-rotate-45 { rotate: -45deg; } .-rotate-90 { rotate: -90deg; } .-rotate-180 { rotate: -180deg; } .-rotate-\[135deg\] { rotate: -135deg; } .rotate-0 { rotate: none; } .rotate-45 { rotate: 45deg; } .rotate-90 { rotate: 90deg; } .rotate-180 { rotate: 180deg; } .rotate-\[-45deg\] { rotate: -45deg; } .rotate-\[135deg\] { rotate: 135deg; } .transform { transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .transform-\[translateZ\(2px\)\] { transform: translateZ(2px); } .transform-gpu { transform: translateZ(0) var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, ); } .animate-\[fade-in_0\.3s_ease-out_forwards\] { animation: .3s ease-out forwards fade-in; } .animate-bounce-darken-slow { animation: 1.2s ease-in-out infinite bounce-sm-pause, 1.2s ease-in-out infinite darken-pulse-pause; } .animate-fade-in-200ms-linear { animation: .2s linear forwards fade-in; } .animate-marquee { animation: 60s linear infinite marquee; } .animate-marquee-ltr { animation: var(--animate-marquee-ltr); } .animate-marquee-rtl { animation: var(--animate-marquee-rtl); } .animate-pulse { animation: var(--animate-pulse); } .animate-spin { animation: 12s linear infinite spin; } .animate-ticker { animation: 10s linear infinite ticker; } .cursor-copy { cursor: copy; } .cursor-default { cursor: default; } .cursor-not-allowed { cursor: not-allowed; } .cursor-pointer { cursor: pointer; } .resize { resize: both; } .resize-none { resize: none; } .snap-center { scroll-snap-align: center; } .list-outside { list-style-position: outside; } .list-none { list-style-type: none; } .appearance-none { appearance: none; } .columns-1 { columns: 1; } .columns-2 { columns: 2; } .break-inside-avoid { break-inside: avoid; } .auto-cols-\[1fr\] { grid-auto-columns: 1fr; } .grid-flow-col { grid-auto-flow: column; } .grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .grid-cols-\[1fr_1fr_1fr\] { grid-template-columns: 1fr 1fr 1fr; } .grid-cols-\[repeat\(2\,auto\)\] { grid-template-columns: repeat(2, auto); } .grid-cols-\[repeat\(4\,auto\)\] { grid-template-columns: repeat(4, auto); } .grid-cols-full { grid-template-columns: 100%; } .grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .grid-rows-2 { grid-template-rows: repeat(2, minmax(0, 1fr)); } .grid-rows-\[1fr\] { grid-template-rows: 1fr; } .grid-rows-\[max-content_0fr\] { grid-template-rows: max-content 0fr; } .grid-rows-\[max-content_1fr\] { grid-template-rows: max-content 1fr; } .flex-col { flex-direction: column; } .flex-col-reverse { flex-direction: column-reverse; } .flex-row { flex-direction: row; } .flex-row-reverse { flex-direction: row-reverse; } .flex-wrap { flex-wrap: wrap; } .place-content-center { place-content: center; } .place-content-end { place-content: end; } .place-items-center { place-items: center; } .content-between { align-content: space-between; } .content-center { align-content: center; } .content-start { align-content: flex-start; } .items-center { align-items: center; } .items-end { align-items: flex-end; } .items-start { align-items: flex-start; } .justify-around { justify-content: space-around; } .justify-between { justify-content: space-between; } .justify-center { justify-content: center; } .justify-end { justify-content: flex-end; } .justify-start { justify-content: flex-start; } .justify-items-center { justify-items: center; } .gap-0 { gap: calc(var(--spacing) * 0); } .gap-0\.5 { gap: calc(var(--spacing) * .5); } .gap-1 { gap: calc(var(--spacing) * 1); } .gap-1\.5 { gap: calc(var(--spacing) * 1.5); } .gap-2 { gap: calc(var(--spacing) * 2); } .gap-2\.5 { gap: calc(var(--spacing) * 2.5); } .gap-3 { gap: calc(var(--spacing) * 3); } .gap-4 { gap: calc(var(--spacing) * 4); } .gap-5 { gap: calc(var(--spacing) * 5); } .gap-6 { gap: calc(var(--spacing) * 6); } .gap-7 { gap: calc(var(--spacing) * 7); } .gap-8 { gap: calc(var(--spacing) * 8); } .gap-10 { gap: calc(var(--spacing) * 10); } .gap-12 { gap: calc(var(--spacing) * 12); } .gap-14 { gap: calc(var(--spacing) * 14); } .gap-16 { gap: calc(var(--spacing) * 16); } .gap-\[17\.55px\] { gap: 17.55px; } .gap-lg { gap: var(--spacing-lg); gap: var(--space-lg); gap: var(--spacing-lg); } .gap-md { gap: var(--spacing-md); gap: var(--space-md); gap: var(--spacing-md); } .gap-mm-4 { gap: .264cqw; } .gap-mm-6 { gap: .396cqw; } .gap-mm-9 { gap: .594cqw; } .gap-mm-24 { gap: 1.584cqw; } .gap-mm-28 { gap: 1.848cqw; } .gap-sm { gap: var(--spacing-sm); gap: var(--space-sm); gap: var(--spacing-sm); } .gap-xl { gap: var(--spacing-xl); gap: var(--space-xl); gap: var(--spacing-xl); } .gap-xs { gap: var(--spacing-xs); } :where(.space-y-2 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-3 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-4 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse))); } :where(.space-y-6 > :not(:last-child)) { --tw-space-y-reverse: 0; margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse)); margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse))); } .gap-x-0\.5 { column-gap: calc(var(--spacing) * .5); } .gap-x-1 { column-gap: calc(var(--spacing) * 1); } .gap-x-2 { column-gap: calc(var(--spacing) * 2); } .gap-x-3 { column-gap: calc(var(--spacing) * 3); } .gap-x-4 { column-gap: calc(var(--spacing) * 4); } .gap-x-6 { column-gap: calc(var(--spacing) * 6); } .gap-x-8 { column-gap: calc(var(--spacing) * 8); } .gap-x-10 { column-gap: calc(var(--spacing) * 10); } .gap-x-gutter { column-gap: var(--spacing-gutter); } .gap-x-lg { column-gap: var(--spacing-lg); } .gap-x-md { column-gap: var(--spacing-md); } .gap-x-sm { column-gap: var(--spacing-sm); } :where(.space-x-3 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 3) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } :where(.space-x-6 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } .gap-y-0 { row-gap: calc(var(--spacing) * 0); } .gap-y-1 { row-gap: calc(var(--spacing) * 1); } .gap-y-2 { row-gap: calc(var(--spacing) * 2); } .gap-y-2xl { row-gap: var(--spacing-2xl); } .gap-y-3 { row-gap: calc(var(--spacing) * 3); } .gap-y-4 { row-gap: calc(var(--spacing) * 4); } .gap-y-4xl { row-gap: var(--spacing-4xl); } .gap-y-6 { row-gap: calc(var(--spacing) * 6); } .gap-y-7 { row-gap: calc(var(--spacing) * 7); } .gap-y-8 { row-gap: calc(var(--spacing) * 8); } .gap-y-10 { row-gap: calc(var(--spacing) * 10); } .gap-y-14 { row-gap: calc(var(--spacing) * 14); } .gap-y-\[2px\] { row-gap: 2px; } .gap-y-\[68px\] { row-gap: 68px; } .gap-y-gutter { row-gap: var(--spacing-gutter); } .gap-y-lg { row-gap: var(--spacing-lg); } .gap-y-md { row-gap: var(--spacing-md); } .gap-y-sm { row-gap: var(--spacing-sm); } .gap-y-xl { row-gap: var(--spacing-xl); } .gap-y-xs { row-gap: var(--spacing-xs); } .self-auto { align-self: auto; } .self-center { align-self: center; } .self-end { align-self: flex-end; } .self-start { align-self: flex-start; } .truncate { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .overflow-auto { overflow: auto; } .overflow-clip { overflow: clip; } .overflow-hidden { overflow: hidden; } .overflow-scroll { overflow: scroll; } .overflow-visible { overflow: visible; } .overflow-x-auto { overflow-x: auto; } .overflow-x-clip { overflow-x: clip; } .overflow-x-hidden { overflow-x: hidden; } .overflow-x-scroll { overflow-x: scroll; } .overflow-x-visible { overflow-x: visible; } .overflow-y-auto { overflow-y: auto; } .overflow-y-scroll { overflow-y: scroll; } .overscroll-y-none { overscroll-behavior-y: none; } .scroll-smooth { scroll-behavior: smooth; } .rounded { border-radius: .25rem; } .rounded-2xl { border-radius: var(--radius-2xl); } .rounded-3xl { border-radius: var(--radius-3xl); } .rounded-4xl { border-radius: 2rem; } .rounded-\[0\.661cqw\] { border-radius: .661cqw; } .rounded-\[0_0_4px_4px\] { border-radius: 0 0 4px 4px; } .rounded-\[1px\] { border-radius: 1px; } .rounded-\[4px\] { border-radius: 4px; } .rounded-\[8px\] { border-radius: 8px; } .rounded-\[10px\] { border-radius: 10px; } .rounded-\[12px\] { border-radius: 12px; } .rounded-\[22px\] { border-radius: 22px; } .rounded-\[33px\] { border-radius: 33px; } .rounded-\[38px\] { border-radius: 38px; } .rounded-\[39px\] { border-radius: 39px; } .rounded-\[44px\] { border-radius: 44px; } .rounded-button { border-radius: var(--radius-button); } .rounded-component-button { border-radius: var(--radius-component-button); } .rounded-component-button-interface { border-radius: var(--radius-component-button-interface); } .rounded-component-card-base-radius { border-radius: var(--radius-component-card-base-radius); } .rounded-component-comparison-table { border-radius: var(--radius-component-comparison-table); } .rounded-full { border-radius: 3.40282e38px; } .rounded-lg { border-radius: var(--radius-lg); } .rounded-md { border-radius: var(--radius-md); } .rounded-mm-10 { border-radius: .66cqw; } .rounded-none { border-radius: 0; } .rounded-sm { border-radius: var(--radius-sm); } .rounded-xl { border-radius: var(--radius-xl); } .rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .rounded-t-\[20px\] { border-top-left-radius: 20px; border-top-right-radius: 20px; } .rounded-t-\[40px\] { border-top-left-radius: 40px; border-top-right-radius: 40px; } .rounded-t-component-section-radius { border-top-left-radius: var(--radius-component-section-radius); border-top-right-radius: var(--radius-component-section-radius); } .rounded-t-lg { border-top-left-radius: var(--radius-lg); border-top-right-radius: var(--radius-lg); } .rounded-t-mm-5 { border-top-left-radius: .33cqw; border-top-right-radius: .33cqw; } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0; } .rounded-l { border-top-left-radius: .25rem; border-bottom-left-radius: .25rem; } .rounded-tl-2xl { border-top-left-radius: var(--radius-2xl); } .rounded-r { border-top-right-radius: .25rem; border-bottom-right-radius: .25rem; } .rounded-tr-2xl { border-top-right-radius: var(--radius-2xl); } .rounded-tr-\[4px\] { border-top-right-radius: 4px; } .rounded-tr-md { border-top-right-radius: var(--radius-md); } .rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .rounded-b-\[20px\] { border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; } .rounded-b-\[39px\] { border-bottom-right-radius: 39px; border-bottom-left-radius: 39px; } .rounded-b-md { border-bottom-right-radius: var(--radius-md); border-bottom-left-radius: var(--radius-md); } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0; } .rounded-br-2xl { border-bottom-right-radius: var(--radius-2xl); } .rounded-br-lg { border-bottom-right-radius: var(--radius-lg); } .rounded-bl-2xl { border-bottom-left-radius: var(--radius-2xl); } .rounded-bl-lg { border-bottom-left-radius: var(--radius-lg); } .\!border-0 { border-style: var(--tw-border-style) !important; border-width: 0 !important; } .border { border-style: var(--tw-border-style); border-width: 1px; } .border-0 { border-style: var(--tw-border-style); border-width: 0; } .border-2 { border-style: var(--tw-border-style); border-width: 2px; } .border-4 { border-style: var(--tw-border-style); border-width: 4px; } .border-8 { border-style: var(--tw-border-style); border-width: 8px; } .border-\[0\.5px\] { border-style: var(--tw-border-style); border-width: .5px; } .border-y { border-block-style: var(--tw-border-style); border-block-width: 1px; } .border-s-2 { border-inline-start-style: var(--tw-border-style); border-inline-start-width: 2px; } .border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .border-t-0 { border-top-style: var(--tw-border-style); border-top-width: 0; } .border-t-2 { border-top-style: var(--tw-border-style); border-top-width: 2px; } .border-t-4 { border-top-style: var(--tw-border-style); border-top-width: 4px; } .border-r { border-right-style: var(--tw-border-style); border-right-width: 1px; } .border-r-0 { border-right-style: var(--tw-border-style); border-right-width: 0; } .border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .border-b-8 { border-bottom-style: var(--tw-border-style); border-bottom-width: 8px; } .border-l { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-l-2 { border-left-style: var(--tw-border-style); border-left-width: 2px; } .border-l-\[1px\] { border-left-style: var(--tw-border-style); border-left-width: 1px; } .border-dashed { --tw-border-style: dashed; border-style: dashed; } .border-none { --tw-border-style: none; border-style: none; } .border-solid { --tw-border-style: solid; border-style: solid; } .border-\[\#1A292C\] { border-color: #1a292c; } .border-\[\#8A8A8A\] { border-color: #8a8a8a; } .border-\[\#121C1E\] { border-color: #121c1e; } .border-\[\#9474FF\] { border-color: #9474ff; } .border-\[\#015860\] { border-color: #015860; } .border-\[\#63744F\] { border-color: #63744f; } .border-\[\#616161\] { border-color: #616161; } .border-\[\#ABB1BA\] { border-color: #abb1ba; } .border-\[\#CBCBCA\] { border-color: #cbcbca; } .border-\[\#D4CCFF66\] { border-color: #d4ccff66; } .border-\[\#D4D4D8\] { border-color: #d4d4d8; } .border-\[\#E3E3E3\] { border-color: #e3e3e3; } .border-\[\#EEEFF0\] { border-color: #eeeff0; } .border-\[\#F7F7EE\] { border-color: #f7f7ee; } .border-\[\#e3e3e3\] { border-color: #e3e3e3; } .border-\[\#ebebeb\] { border-color: #ebebeb; } .border-\[\#ffffff0d\] { border-color: #ffffff0d; } .border-\[inherit\]\/15 { border-color: color-mix(in oklab, inherit 15%, transparent); } .border-\[var\(--bb-accent\)\] { border-color: var(--bb-accent); } .border-black { border-color: var(--color-black); } .border-black\/5 { border-color: #0000000d; } @supports (color: color-mix(in lab, red, red)) { .border-black\/5 { border-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .border-black\/15 { border-color: #00000026; } @supports (color: color-mix(in lab, red, red)) { .border-black\/15 { border-color: color-mix(in oklab, var(--color-black) 15%, transparent); } } .border-black\/20 { border-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .border-black\/20 { border-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .border-black\/30 { border-color: #0000004d; } @supports (color: color-mix(in lab, red, red)) { .border-black\/30 { border-color: color-mix(in oklab, var(--color-black) 30%, transparent); } } .border-blue-500 { border-color: var(--color-blue-500); } .border-brochure-bot-green { border-color: #63744f; } .border-brochure-bot-plus-blue { border-color: #0e3cab; } .border-button-dark-primary-border { border-color: var(--color-button-dark-primary-border); } .border-button-dark-secondary-border { border-color: var(--color-button-dark-secondary-border); } .border-button-light-primary-border { border-color: var(--color-button-light-primary-border); } .border-button-light-secondary-border { border-color: var(--color-button-light-secondary-border); } .border-component-accordion-border { border-color: var(--color-component-accordion-border); } .border-component-accordion-button-border { border-color: var(--color-component-accordion-button-border); } .border-component-button-interface-secondary-border { border-color: var(--color-component-button-interface-secondary-border); } .border-component-button-primary-border { border-color: var(--color-component-button-primary-border); } .border-component-button-secondary-border { border-color: var(--color-component-button-secondary-border); } .border-component-card-base-top-divider-border { border-color: var(--color-component-card-base-top-divider-border); } .border-component-card-row-border { border-color: var(--color-component-card-row-border); } .border-component-header-content { border-color: var(--color-component-header-content); } .border-component-input-border { border-color: var(--color-component-input-border); } .border-component-input-border-disabled { border-color: var(--color-component-input-border-disabled); } .border-component-input-border-error { border-color: var(--color-component-input-border-error); } .border-component-input-border-success { border-color: var(--color-component-input-border-success); } .border-component-input-border-warning { border-color: var(--color-component-input-border-warning); } .border-component-select-border { border-color: var(--color-component-select-border); } .border-component-testimonial-article-border { border-color: var(--color-component-testimonial-article-border); } .border-gray-200 { border-color: var(--color-gray-200); } .border-gray-300 { border-color: var(--color-gray-300); } .border-legacy-gray-30 { border-color: #d2d5d9; } .border-mm-blue { border-color: #005bd3; } .border-neutral-600 { border-color: var(--color-neutral-600); } .border-pagination-input-dark-border { border-color: #fff3; } .border-pagination-input-light-border { border-color: #d4d4d8; } .border-purple-300 { border-color: var(--color-purple-300); } .border-red-200 { border-color: var(--color-red-200); } .border-red-500 { border-color: var(--color-red-500); } .border-rich-black { border-color: var(--color-rich-black); } .border-shade-20 { border-color: var(--color-shade-20); } .border-shade-25 { border-color: var(--color-shade-25); } .border-shade-30 { border-color: var(--color-shade-30); } .border-shade-60 { border-color: var(--color-shade-60); } .border-shade-70 { border-color: var(--color-shade-70); } .border-shade-80 { border-color: var(--color-shade-80); } .border-shade-90 { border-color: var(--color-shade-90); } .border-starter-green { border-color: #45f298; } .border-testimonial-dark-highlight { border-color: #978de7; } .border-testimonial-light-highlight { border-color: #3525c1; } .border-theme-divider { border-color: var(--color-theme-divider); } .border-transparent { border-color: #0000; } .border-white { border-color: var(--color-white); } .border-white\/17 { border-color: #ffffff2b; } @supports (color: color-mix(in lab, red, red)) { .border-white\/17 { border-color: color-mix(in oklab, var(--color-white) 17%, transparent); } } .border-white\/20 { border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .border-white\/20 { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .border-white\/30 { border-color: #ffffff4d; } @supports (color: color-mix(in lab, red, red)) { .border-white\/30 { border-color: color-mix(in oklab, var(--color-white) 30%, transparent); } } .border-white\/50 { border-color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .border-white\/50 { border-color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .border-t-shade-30 { border-top-color: var(--color-shade-30); } .border-b-shade-30 { border-bottom-color: var(--color-shade-30); } .border-b-white { border-bottom-color: var(--color-white); } .bg-\[\#0a4d4d\] { background-color: #0a4d4d; } .bg-\[\#1A1A1ABF\] { background-color: #1a1a1abf; } .bg-\[\#043C3A\] { background-color: #043c3a; } .bg-\[\#047B5D\] { background-color: #047b5d; } .bg-\[\#075E3426\] { background-color: #075e3426; } .bg-\[\#02090a\] { background-color: #02090a; } .bg-\[\#5433EB\] { background-color: #5433eb; } .bg-\[\#8051FF\] { background-color: #8051ff; } .bg-\[\#015860\] { background-color: #015860; } .bg-\[\#020808\] { background-color: #020808; } .bg-\[\#63744F\] { background-color: #63744f; } .bg-\[\#102620\] { background-color: #102620; } .bg-\[\#121212\] { background-color: #121212; } .bg-\[\#171719\] { background-color: #171719; } .bg-\[\#303030\] { background-color: #303030; } .bg-\[\#434343\] { background-color: #434343; } .bg-\[\#30303080\] { background-color: #30303080; } .bg-\[\#C3D2BB\] { background-color: #c3d2bb; } .bg-\[\#C70A24\] { background-color: #c70a24; } .bg-\[\#CFA1FC33\] { background-color: #cfa1fc33; } .bg-\[\#DBE7D4\] { background-color: #dbe7d4; } .bg-\[\#DBF5E9\] { background-color: #dbf5e9; } .bg-\[\#E4D1FE\] { background-color: #e4d1fe; } .bg-\[\#E7ECF8\] { background-color: #e7ecf8; } .bg-\[\#EBF2F6\] { background-color: #ebf2f6; } .bg-\[\#EEEBEE\] { background-color: #eeebee; } .bg-\[\#EFE9D9\] { background-color: #efe9d9; } .bg-\[\#F0EBEA\] { background-color: #f0ebea; } .bg-\[\#F1F2F3\] { background-color: #f1f2f3; } .bg-\[\#F2F2F2\] { background-color: #f2f2f2; } .bg-\[\#F2F4F5\] { background-color: #f2f4f5; } .bg-\[\#F3F3F3\] { background-color: #f3f3f3; } .bg-\[\#F4EFF3\] { background-color: #f4eff3; } .bg-\[\#F4F4F5\] { background-color: #f4f4f5; } .bg-\[\#F4FAFE\] { background-color: #f4fafe; } .bg-\[\#F6F8FA\] { background-color: #f6f8fa; } .bg-\[\#F7F7EE\] { background-color: #f7f7ee; } .bg-\[\#F7F7F7\] { background-color: #f7f7f7; } .bg-\[\#F8F4F0\] { background-color: #f8f4f0; } .bg-\[\#F8281E\] { background-color: #f8281e; } .bg-\[\#FAF9F8\] { background-color: #faf9f8; } .bg-\[\#FFF\] { background-color: #fff; } .bg-\[\#a0acba66\] { background-color: #a0acba66; } .bg-\[\#b3e6e6\] { background-color: #b3e6e6; } .bg-\[\#f1f1f1\] { background-color: #f1f1f1; } .bg-\[\#f2f2f0\] { background-color: #f2f2f0; } .bg-\[rgba\(0\,0\,0\,0\.25\)\] { background-color: #00000040; } .bg-\[var\(--bb-accent\)\] { background-color: var(--bb-accent); } .bg-agave-30 { background-color: var(--color-agave-30); } .bg-aloe-10 { background-color: var(--color-aloe-10); } .bg-avocado-10 { background-color: var(--color-avocado-10); } .bg-badge-dark-bg { background-color: #fff; } .bg-badge-light-bg { background-color: #000; } .bg-banana-10 { background-color: var(--color-banana-10); } .bg-black { background-color: var(--color-black); } .bg-black\/5 { background-color: #0000000d; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/5 { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .bg-black\/20 { background-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/20 { background-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .bg-black\/40 { background-color: #0006; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/40 { background-color: color-mix(in oklab, var(--color-black) 40%, transparent); } } .bg-black\/50 { background-color: #00000080; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/50 { background-color: color-mix(in oklab, var(--color-black) 50%, transparent); } } .bg-black\/70 { background-color: #000000b3; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/70 { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .bg-black\/80 { background-color: #000c; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/80 { background-color: color-mix(in oklab, var(--color-black) 80%, transparent); } } .bg-black\/\[\.1\] { background-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .bg-black\/\[\.1\] { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .bg-brochure-bot-green { background-color: #63744f; } .bg-brochure-bot-light-grey { background-color: #f1f1f1; } .bg-brochure-bot-plus-blue { background-color: #0e3cab; } .bg-button-dark-primary-bg { background-color: var(--color-button-dark-primary-bg); } .bg-button-dark-primary-bg-disabled { background-color: var(--color-button-dark-primary-bg-disabled); } .bg-button-dark-secondary-bg { background-color: var(--color-button-dark-secondary-bg); } .bg-button-light-primary-bg { background-color: var(--color-button-light-primary-bg); } .bg-button-light-primary-bg-disabled { background-color: var(--color-button-light-primary-bg-disabled); } .bg-button-light-secondary-bg { background-color: var(--color-button-light-secondary-bg); } .bg-color-\[\#F1FFF9\] { background-color: #f1fff9; } .bg-component-accordion-bg { background-color: var(--color-component-accordion-bg); } .bg-component-accordion-button-bg { background-color: var(--color-component-accordion-button-bg); } .bg-component-badge-bg { background-color: var(--color-component-badge-bg); } .bg-component-button-interface-primary-bg { background-color: var(--color-component-button-interface-primary-bg); } .bg-component-button-interface-secondary-bg { background-color: var(--color-component-button-interface-secondary-bg); } .bg-component-button-primary-bg { background-color: var(--color-component-button-primary-bg); } .bg-component-button-primary-bg-disabled { background-color: var(--color-component-button-primary-bg-disabled); } .bg-component-button-secondary-bg { background-color: var(--color-component-button-secondary-bg); } .bg-component-card-base-bg { background-color: var(--color-component-card-base-bg); } .bg-component-comparison-table-cell-bg { background-color: var(--color-component-comparison-table-cell-bg); } .bg-component-comparison-table-heading-bg { background-color: var(--color-component-comparison-table-heading-bg); } .bg-component-comparison-table-row-heading-bg { background-color: var(--color-component-comparison-table-row-heading-bg); } .bg-component-grid-bg { background-color: var(--color-component-grid-bg); } .bg-component-header-content { background-color: var(--color-component-header-content); } .bg-component-input-bg { background-color: var(--color-component-input-bg); } .bg-component-input-checkbox-bg { background-color: var(--color-component-input-checkbox-bg); } .bg-component-logo-group-bg { background-color: var(--color-component-logo-group-bg); } .bg-component-section-bg { background-color: var(--color-component-section-bg); } .bg-component-select-bg { background-color: var(--color-component-select-bg); } .bg-component-slideshow-progress-bar { background-color: var(--color-component-slideshow-progress-bar); } .bg-dragonfruit-10 { background-color: var(--color-dragonfruit-10); } .bg-fullwidthcard-dark-bg { background-color: #000; } .bg-fullwidthcard-light-bg { background-color: #fff; } .bg-gray-50 { background-color: var(--color-gray-50); } .bg-gray-100 { background-color: var(--color-gray-100); } .bg-gray-200 { background-color: var(--color-gray-200); } .bg-gray-400 { background-color: var(--color-gray-400); } .bg-gray-800 { background-color: var(--color-gray-800); } .bg-gray-900 { background-color: var(--color-gray-900); } .bg-inherit { background-color: inherit; } .bg-input-dark-bg { background-color: #ffffff26; } .bg-input-light-bg { background-color: #fff; } .bg-kale-30 { background-color: var(--color-kale-30); } .bg-kale-90 { background-color: var(--color-kale-90); } .bg-lavender-10 { background-color: var(--color-lavender-10); } .bg-legacy-cyan-20 { background-color: #b9f0e9; } .bg-legacy-pink-70 { background-color: #c43256; } .bg-lime-10 { background-color: var(--color-lime-10); } .bg-lime-30 { background-color: var(--color-lime-30); } .bg-mandarin-50 { background-color: var(--color-mandarin-50); } .bg-mm-blue { background-color: #005bd3; } .bg-orange-500 { background-color: var(--color-orange-500); } .bg-pagination-input-dark-bg { background-color: #ffffff26; } .bg-pagination-input-light-bg { background-color: #fff; } .bg-pos-cyan-light { background-color: #eefaf9; } .bg-pos-warm-gray { background-color: #f3f3ec; } .bg-purple-100 { background-color: var(--color-purple-100); } .bg-purple-300 { background-color: var(--color-purple-300); } .bg-purple-500 { background-color: var(--color-purple-500); } .bg-purple-600 { background-color: var(--color-purple-600); } .bg-red-50 { background-color: var(--color-red-50); } .bg-red-100 { background-color: var(--color-red-100); } .bg-rich-black { background-color: var(--color-rich-black); } .bg-section-dark-bg { background-color: #02090a; } .bg-section-light-bg { background-color: #fff; } .bg-shade-10 { background-color: var(--color-shade-10); } .bg-shade-20 { background-color: var(--color-shade-20); } .bg-shade-50 { background-color: var(--color-shade-50); } .bg-shade-60 { background-color: var(--color-shade-60); } .bg-shade-70 { background-color: var(--color-shade-70); } .bg-shade-80 { background-color: var(--color-shade-80); } .bg-shade-90 { background-color: var(--color-shade-90); } .bg-shade-95 { background-color: var(--color-shade-95); } .bg-shopify-green-10 { background-color: var(--color-shopify-green-10); } .bg-state-error { background-color: #ee0004; } .bg-state-error-light { background-color: #ff6669; } .bg-state-focus { background-color: #751be9; } .bg-state-success { background-color: #15883b; } .bg-state-success-light { background-color: #7aeb9f; } .bg-table-cell-bg-dark, .bg-table-cell-bg-light { background-color: #f4f4f5; } .bg-table-header-column-bg-dark { background-color: #3f3f46; } .bg-table-header-column-bg-light { background-color: #000; } .bg-table-header-row-bg-dark, .bg-table-header-row-bg-light { background-color: #e4e4e7; } .bg-theme-bg-surface-1 { background-color: var(--color-theme-bg-surface-1); } .bg-theme-bg-surface-2 { background-color: var(--color-theme-bg-surface-2); } .bg-tint-black { background-color: var(--color-tint-black); } .bg-transparent { background-color: #0000; } .bg-white { background-color: var(--color-white); } .bg-white\/20 { background-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/20 { background-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .bg-white\/90 { background-color: #ffffffe6; } @supports (color: color-mix(in lab, red, red)) { .bg-white\/90 { background-color: color-mix(in oklab, var(--color-white) 90%, transparent); } } .bg-zinc-900 { background-color: var(--color-zinc-900); } .bg-linear-180 { --tw-gradient-position: 180deg; } @supports (background-image: linear-gradient(in lab, red, red)) { .bg-linear-180 { --tw-gradient-position: 180deg in oklab; } } .bg-linear-180 { background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-b { --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .bg-gradient-to-r { --tw-gradient-position: to right in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .\[background-image\:inherit\] { background-image: inherit; } .bg-\[linear-gradient\(0deg\,\#000000a8\,transparent\)\] { background-image: linear-gradient(0deg, #000000a8, #0000); } .bg-gradient-marquee { background-image: linear-gradient(86deg, #89ffbf 10.26%, #a4fa84 53.53%, #b3a7ff 100%); } .bg-gradient-radial { background-image: radial-gradient(var(--tw-gradient-stops)); } .bg-gradient-radial-to-br { background-image: radial-gradient(90% 115% at 0% 0%, var(--tw-gradient-stops)); } .bg-none { background-image: none; } .from-\[\#1a1a2e\] { --tw-gradient-from: #1a1a2e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#4d0a3d\] { --tw-gradient-from: #4d0a3d; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#075E3426_50\%\] { --tw-gradient-from: #075e3426 50%; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#02090a\] { --tw-gradient-from: #02090a; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#444444\] { --tw-gradient-from: #444; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#CBB4F8\] { --tw-gradient-from: #cbb4f8; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#CFA1FC33_50\%\] { --tw-gradient-from: #cfa1fc33 50%; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-\[\#b3e6e6\] { --tw-gradient-from: #b3e6e6; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-agave-30 { --tw-gradient-from: var(--color-agave-30); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-blue-50 { --tw-gradient-from: var(--color-blue-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-currant-50 { --tw-gradient-from: var(--color-currant-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-orange-500 { --tw-gradient-from: var(--color-orange-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-purple-400 { --tw-gradient-from: var(--color-purple-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-shade-950 { --tw-gradient-from: var(--color-shade-950); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-transparent { --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .from-25\% { --tw-gradient-from-position: 25%; } .via-\[\#0f3460\] { --tw-gradient-via: #0f3460; --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-via-stops); } .to-\[\#0a4d4d\] { --tw-gradient-to: #0a4d4d; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#0d1316\] { --tw-gradient-to: #0d1316; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#282828\] { --tw-gradient-to: #282828; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#e6b3f5\] { --tw-gradient-to: #e6b3f5; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[\#ff6b6b\] { --tw-gradient-to: #ff6b6b; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-\[transparent_50\%\] { --tw-gradient-to: transparent 50%; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-agave-50 { --tw-gradient-to: var(--color-agave-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-black { --tw-gradient-to: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-jalapeno-30 { --tw-gradient-to: var(--color-jalapeno-30); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-pink-400 { --tw-gradient-to: var(--color-pink-400); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-50 { --tw-gradient-to: var(--color-purple-50); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-purple-500 { --tw-gradient-to: var(--color-purple-500); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .to-white { --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .box-decoration-clone { -webkit-box-decoration-break: clone; box-decoration-break: clone; } .bg-\[length\:200\%_100\%\] { background-size: 200% 100%; } .bg-cover { background-size: cover; } .bg-center { background-position: center; } .bg-right-top { background-position: 100% 0; } .bg-no-repeat { background-repeat: no-repeat; } .fill-\[\#4A4A4A\] { fill: #4a4a4a; } .fill-\[\#8A8A8A\] { fill: #8a8a8a; } .fill-\[\#255dee\] { fill: #255dee; } .fill-\[\#393342\] { fill: #393342; } .fill-\[\#CCCCCC\] { fill: #ccc; } .fill-aloe-10 { fill: var(--color-aloe-10); } .fill-black { fill: var(--color-black); } .fill-current { fill: currentColor; } .fill-gray-600 { fill: var(--color-gray-600); } .fill-link-dark { fill: var(--color-link-dark); } .fill-link-light { fill: #000; } .fill-none { fill: none; } .fill-shade-20 { fill: var(--color-shade-20); } .fill-shade-30 { fill: var(--color-shade-30); } .fill-shade-70 { fill: var(--color-shade-70); } .fill-white { fill: var(--color-white); } .stroke-current { stroke: currentColor; } .stroke-white { stroke: var(--color-white); } .stroke-2 { stroke-width: 2px; } .stroke-\[3\] { stroke-width: 3px; } .stroke-\[15px\] { stroke-width: 15px; } .object-contain { object-fit: contain; } .object-cover { object-fit: cover; } .object-center { object-position: center; } .object-top { object-position: top; } .p-0 { padding: calc(var(--spacing) * 0); } .p-0\.5 { padding: calc(var(--spacing) * .5); } .p-1 { padding: calc(var(--spacing) * 1); } .p-1\.5 { padding: calc(var(--spacing) * 1.5); } .p-2 { padding: calc(var(--spacing) * 2); } .p-2\.5 { padding: calc(var(--spacing) * 2.5); } .p-2xl { padding: var(--spacing-2xl); } .p-3 { padding: calc(var(--spacing) * 3); } .p-4 { padding: calc(var(--spacing) * 4); } .p-5 { padding: calc(var(--spacing) * 5); } .p-6 { padding: calc(var(--spacing) * 6); } .p-8 { padding: calc(var(--spacing) * 8); } .p-10 { padding: calc(var(--spacing) * 10); } .p-\[0\.9em\] { padding: .9em; } .p-\[5px\] { padding: 5px; } .p-lg { padding: var(--spacing-lg); } .p-md { padding: var(--spacing-md); } .p-mm-10 { padding: .66cqw; } .p-mm-24 { padding: 1.584cqw; } .p-px { padding: 1px; } .p-sm { padding: var(--spacing-sm); } .p-xl { padding: var(--spacing-xl); } .\!px-button-lg-px { padding-inline: var(--spacing-button-lg-px) !important; } .px-0 { padding-inline: calc(var(--spacing) * 0); } .px-1 { padding-inline: calc(var(--spacing) * 1); } .px-1\.5 { padding-inline: calc(var(--spacing) * 1.5); } .px-2 { padding-inline: calc(var(--spacing) * 2); } .px-2\.5 { padding-inline: calc(var(--spacing) * 2.5); } .px-3 { padding-inline: calc(var(--spacing) * 3); } .px-3\.5 { padding-inline: calc(var(--spacing) * 3.5); } .px-4 { padding-inline: calc(var(--spacing) * 4); } .px-5 { padding-inline: calc(var(--spacing) * 5); } .px-6 { padding-inline: calc(var(--spacing) * 6); } .px-8 { padding-inline: calc(var(--spacing) * 8); } .px-11 { padding-inline: calc(var(--spacing) * 11); } .px-\[0\.9em\] { padding-inline: .9em; } .px-\[0\.9rem\] { padding-inline: .9rem; } .px-\[6px\] { padding-inline: 6px; } .px-\[10px\] { padding-inline: 10px; } .px-\[23\.4px\] { padding-inline: 23.4px; } .px-button-px { padding-inline: var(--spacing-button-px); } .px-gutter { padding-inline: var(--spacing-gutter); } .px-lg { padding-inline: var(--spacing-lg); } .px-margin { padding-inline: var(--spacing-margin); } .px-md { padding-inline: var(--spacing-md); } .px-mm-6 { padding-inline: .396cqw; } .px-mm-10 { padding-inline: .66cqw; } .px-mm-20 { padding-inline: 1.32cqw; } .px-mm-100 { padding-inline: 6.6cqw; } .px-mm-130 { padding-inline: 8.58cqw; } .px-xl { padding-inline: var(--spacing-xl); } .px-xs { padding-inline: var(--spacing-xs); } .\!py-0 { padding-block: calc(var(--spacing) * 0) !important; } .\!py-\[0\.9em\] { padding-block: .9em !important; } .\!py-button-lg-py { padding-block: var(--spacing-button-lg-py) !important; } .py-0 { padding-block: calc(var(--spacing) * 0); } .py-0\.5 { padding-block: calc(var(--spacing) * .5); } .py-1 { padding-block: calc(var(--spacing) * 1); } .py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } .py-2 { padding-block: calc(var(--spacing) * 2); } .py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .py-2xl { padding-block: var(--spacing-2xl); } .py-3 { padding-block: calc(var(--spacing) * 3); } .py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .py-3xl { padding-block: var(--spacing-3xl); } .py-4 { padding-block: calc(var(--spacing) * 4); } .py-5 { padding-block: calc(var(--spacing) * 5); } .py-6 { padding-block: calc(var(--spacing) * 6); } .py-8 { padding-block: calc(var(--spacing) * 8); } .py-16 { padding-block: calc(var(--spacing) * 16); } .py-20 { padding-block: calc(var(--spacing) * 20); } .py-\[0\.4em\] { padding-block: .4em; } .py-\[6px\] { padding-block: 6px; } .py-\[10px\] { padding-block: 10px; } .py-\[11px\] { padding-block: 11px; } .py-\[100\%\] { padding-block: 100%; } .py-button-py { padding-block: var(--spacing-button-py); } .py-lg { padding-block: var(--spacing-lg); } .py-md { padding-block: var(--spacing-md); } .py-mm-4 { padding-block: .264cqw; } .py-mm-20 { padding-block: 1.32cqw; } .py-mm-28 { padding-block: 1.848cqw; } .py-mm-48 { padding-block: 3.168cqw; } .py-mm-110 { padding-block: 7.26cqw; } .py-sm { padding-block: var(--spacing-sm); } .py-xl { padding-block: var(--spacing-xl); } .ps-6 { padding-inline-start: calc(var(--spacing) * 6); } .ps-lg { padding-inline-start: var(--spacing-lg); } .pe-8 { padding-inline-end: calc(var(--spacing) * 8); } .pt-0 { padding-top: calc(var(--spacing) * 0); } .pt-1 { padding-top: calc(var(--spacing) * 1); } .pt-2 { padding-top: calc(var(--spacing) * 2); } .pt-2\.5 { padding-top: calc(var(--spacing) * 2.5); } .pt-2xl { padding-top: var(--spacing-2xl); } .pt-3 { padding-top: calc(var(--spacing) * 3); } .pt-3\.5 { padding-top: calc(var(--spacing) * 3.5); } .pt-3xl { padding-top: var(--spacing-3xl); } .pt-4 { padding-top: calc(var(--spacing) * 4); } .pt-4xl { padding-top: var(--spacing-4xl); } .pt-5 { padding-top: calc(var(--spacing) * 5); } .pt-6 { padding-top: calc(var(--spacing) * 6); } .pt-8 { padding-top: calc(var(--spacing) * 8); } .pt-10 { padding-top: calc(var(--spacing) * 10); } .pt-12 { padding-top: calc(var(--spacing) * 12); } .pt-16 { padding-top: calc(var(--spacing) * 16); } .pt-24 { padding-top: calc(var(--spacing) * 24); } .pt-\[6px\] { padding-top: 6px; } .pt-\[8vh\] { padding-top: 8vh; } .pt-\[76px\] { padding-top: 76px; } .pt-hero-top { padding-top: var(--spacing-hero-top); } .pt-md { padding-top: var(--spacing-md); } .pt-mm-80 { padding-top: 5.28cqw; } .pt-sm { padding-top: var(--spacing-sm); } .pt-xl { padding-top: var(--spacing-xl); } .pr-1 { padding-right: calc(var(--spacing) * 1); } .pr-2 { padding-right: calc(var(--spacing) * 2); } .pr-3 { padding-right: calc(var(--spacing) * 3); } .pr-4 { padding-right: calc(var(--spacing) * 4); } .pr-6 { padding-right: calc(var(--spacing) * 6); } .pr-8 { padding-right: calc(var(--spacing) * 8); } .pr-12 { padding-right: calc(var(--spacing) * 12); } .pr-14 { padding-right: calc(var(--spacing) * 14); } .pr-\[1\.2em\] { padding-right: 1.2em; } .pr-\[10px\] { padding-right: 10px; } .pr-\[13px\] { padding-right: 13px; } .pr-\[15px\] { padding-right: 15px; } .pr-mm-12 { padding-right: .792cqw; } .bottom-spacing-overlap-2xl { padding-bottom: calc(var(--spacing-component-section-overlap) + var(--spacing-2xl)); } .bottom-spacing-overlap-4xl { padding-bottom: calc(var(--spacing-component-section-overlap) + var(--spacing-4xl)); } .bottom-spacing-overlap-xl { padding-bottom: calc(var(--spacing-component-section-overlap) + var(--spacing-xl)); } .pb-0 { padding-bottom: calc(var(--spacing) * 0); } .pb-1 { padding-bottom: calc(var(--spacing) * 1); } .pb-2 { padding-bottom: calc(var(--spacing) * 2); } .pb-2\.5 { padding-bottom: calc(var(--spacing) * 2.5); } .pb-2xl { padding-bottom: var(--spacing-2xl); } .pb-3 { padding-bottom: calc(var(--spacing) * 3); } .pb-3\.5 { padding-bottom: calc(var(--spacing) * 3.5); } .pb-3xl { padding-bottom: var(--spacing-3xl); } .pb-4 { padding-bottom: calc(var(--spacing) * 4); } .pb-4xl { padding-bottom: var(--spacing-4xl); } .pb-5 { padding-bottom: calc(var(--spacing) * 5); } .pb-5xl { padding-bottom: var(--spacing-5xl); } .pb-6 { padding-bottom: calc(var(--spacing) * 6); } .pb-7 { padding-bottom: calc(var(--spacing) * 7); } .pb-8 { padding-bottom: calc(var(--spacing) * 8); } .pb-10 { padding-bottom: calc(var(--spacing) * 10); } .pb-12 { padding-bottom: calc(var(--spacing) * 12); } .pb-24 { padding-bottom: calc(var(--spacing) * 24); } .pb-28 { padding-bottom: calc(var(--spacing) * 28); } .pb-36 { padding-bottom: calc(var(--spacing) * 36); } .pb-48 { padding-bottom: calc(var(--spacing) * 48); } .pb-60 { padding-bottom: calc(var(--spacing) * 60); } .pb-\[0\.3em\] { padding-bottom: .3em; } .pb-\[2px\] { padding-bottom: 2px; } .pb-\[9px\] { padding-bottom: 9px; } .pb-\[1000px\] { padding-bottom: 1000px; } .pb-global-header { padding-bottom: var(--spacing-global-header); } .pb-md { padding-bottom: var(--spacing-md); } .pb-mm-110 { padding-bottom: 7.26cqw; } .pb-sm { padding-bottom: var(--spacing-sm); } .pb-xl { padding-bottom: var(--spacing-xl); } .pb-xs { padding-bottom: var(--spacing-xs); } .pl-0 { padding-left: calc(var(--spacing) * 0); } .pl-1 { padding-left: calc(var(--spacing) * 1); } .pl-2 { padding-left: calc(var(--spacing) * 2); } .pl-3 { padding-left: calc(var(--spacing) * 3); } .pl-4 { padding-left: calc(var(--spacing) * 4); } .pl-5 { padding-left: calc(var(--spacing) * 5); } .pl-6 { padding-left: calc(var(--spacing) * 6); } .pl-8 { padding-left: calc(var(--spacing) * 8); } .pl-9 { padding-left: calc(var(--spacing) * 9); } .pl-10 { padding-left: calc(var(--spacing) * 10); } .pl-\[13px\] { padding-left: 13px; } .pl-\[42px\] { padding-left: 42px; } .pl-\[48px\] { padding-left: 48px; } .pl-\[var\(--margin\)\] { padding-left: var(--margin); } .pl-lg { padding-left: var(--spacing-lg); } .pl-mm-10 { padding-left: .66cqw; } .text-center { text-align: center; } .text-left { text-align: left; } .text-right { text-align: right; } .text-start { text-align: start; } .align-bottom { vertical-align: bottom; } .align-middle { vertical-align: middle; } .align-super { vertical-align: super; } .align-text-bottom { vertical-align: text-bottom; } .align-top { vertical-align: top; } .font-\[Inter-Variable\,Helvetica\,Arial\,sans-serif\], .font-button-font { font-family: Inter-Variable, Helvetica, Arial, sans-serif; } .font-component-badge-base { font-family: var(--font-component-badge-base); } .font-component-badge-lg { font-family: var(--font-component-badge-lg); } .font-component-badge-sm { font-family: var(--font-component-badge-sm); } .font-component-button-primary { font-family: var(--font-component-button-primary); } .font-component-button-secondary { font-family: var(--font-component-button-secondary); } .font-component-comparison-table { font-family: var(--font-component-comparison-table); } .font-component-heading-group-eyebrow { font-family: var(--font-component-heading-group-eyebrow); } .font-component-heading-group-heading { font-family: var(--font-component-heading-group-heading); } .font-component-heading-group-subhead { font-family: var(--font-component-heading-group-subhead); } .font-component-input-label { font-family: var(--font-component-input-label); } .font-component-input-value { font-family: var(--font-component-input-value); } .font-component-link { font-family: var(--font-component-link); } .font-component-select { font-family: var(--font-component-select); } .font-component-testimonial-author { font-family: var(--font-component-testimonial-author); } .font-component-testimonial-brand { font-family: var(--font-component-testimonial-brand); } .font-component-testimonial-quote { font-family: var(--font-component-testimonial-quote); } .font-ibmmono { font-family: IBMPlexMono, monospace; } .font-instrument-sans { font-family: Instrument Sans, sans-serif; } .font-instrument-serif { font-family: Instrument Serif, serif; } .font-newsreader { font-family: Newsreader, serif; } .font-sans { font-family: Inter-Variable, Helvetica, Arial, sans-serif; } .text-body-base { font-size: var(--text-body-base); line-height: var(--tw-leading, var(--text-body-base--line-height)); letter-spacing: var(--tw-tracking, var(--text-body-base--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-body-base--font-weight)); } .text-body-lg { font-size: var(--text-body-lg); line-height: var(--tw-leading, var(--text-body-lg--line-height)); letter-spacing: var(--tw-tracking, var(--text-body-lg--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-body-lg--font-weight)); } .text-body-sm { font-size: var(--text-body-sm); line-height: var(--tw-leading, var(--text-body-sm--line-height)); letter-spacing: var(--tw-tracking, var(--text-body-sm--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-body-sm--font-weight)); } .text-component-badge-base { font-size: var(--text-component-badge-base); line-height: var(--tw-leading, var(--text-component-badge-base--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-badge-base--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-badge-base--font-weight)); } .text-component-badge-lg { font-size: var(--text-component-badge-lg); line-height: var(--tw-leading, var(--text-component-badge-lg--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-badge-lg--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-badge-lg--font-weight)); } .text-component-badge-sm { font-size: var(--text-component-badge-sm); line-height: var(--tw-leading, var(--text-component-badge-sm--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-badge-sm--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-badge-sm--font-weight)); } .text-component-button-group-disclaimer { font-size: var(--text-component-button-group-disclaimer); line-height: var(--tw-leading, var(--text-component-button-group-disclaimer--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-button-group-disclaimer--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-button-group-disclaimer--font-weight)); } .text-component-button-primary-lg { font-size: var(--text-component-button-primary-lg); line-height: var(--tw-leading, var(--text-component-button-primary-lg--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-button-primary-lg--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-button-primary-lg--font-weight)); } .text-component-button-primary-sm { font-size: var(--text-component-button-primary-sm); line-height: var(--tw-leading, var(--text-component-button-primary-sm--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-button-primary-sm--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-button-primary-sm--font-weight)); } .text-component-button-secondary-lg { font-size: var(--text-component-button-secondary-lg); line-height: var(--tw-leading, var(--text-component-button-secondary-lg--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-button-secondary-lg--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-button-secondary-lg--font-weight)); } .text-component-button-secondary-sm { font-size: var(--text-component-button-secondary-sm); line-height: var(--tw-leading, var(--text-component-button-secondary-sm--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-button-secondary-sm--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-button-secondary-sm--font-weight)); } .text-component-comparison-table-cell { font-size: var(--text-component-comparison-table-cell); line-height: var(--tw-leading, var(--text-component-comparison-table-cell--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-comparison-table-cell--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-comparison-table-cell--font-weight)); } .text-component-comparison-table-cell-subtext { font-size: var(--text-component-comparison-table-cell-subtext); line-height: var(--tw-leading, var(--text-component-comparison-table-cell-subtext--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-comparison-table-cell-subtext--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-comparison-table-cell-subtext--font-weight)); } .text-component-comparison-table-heading { font-size: var(--text-component-comparison-table-heading); line-height: var(--tw-leading, var(--text-component-comparison-table-heading--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-comparison-table-heading--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-comparison-table-heading--font-weight)); } .text-component-comparison-table-row-heading { font-size: var(--text-component-comparison-table-row-heading); line-height: var(--tw-leading, var(--text-component-comparison-table-row-heading--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-comparison-table-row-heading--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-comparison-table-row-heading--font-weight)); } .text-component-comparison-table-row-heading-subtext { font-size: var(--text-component-comparison-table-row-heading-subtext); line-height: var(--tw-leading, var(--text-component-comparison-table-row-heading-subtext--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-comparison-table-row-heading-subtext--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-comparison-table-row-heading-subtext--font-weight)); } .text-component-heading-group-cta-disclaimer { font-size: var(--text-component-heading-group-cta-disclaimer); line-height: var(--tw-leading, var(--text-component-heading-group-cta-disclaimer--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-heading-group-cta-disclaimer--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-heading-group-cta-disclaimer--font-weight)); } .text-component-heading-group-eyebrow { font-size: var(--text-component-heading-group-eyebrow); line-height: var(--tw-leading, var(--text-component-heading-group-eyebrow--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-heading-group-eyebrow--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-heading-group-eyebrow--font-weight)); } .text-component-heading-group-heading { font-size: var(--text-component-heading-group-heading); line-height: var(--tw-leading, var(--text-component-heading-group-heading--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-heading-group-heading--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-heading-group-heading--font-weight)); } .text-component-heading-group-subhead { font-size: var(--text-component-heading-group-subhead); line-height: var(--tw-leading, var(--text-component-heading-group-subhead--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-heading-group-subhead--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-heading-group-subhead--font-weight)); } .text-component-input-label { font-size: var(--text-component-input-label); line-height: var(--tw-leading, var(--text-component-input-label--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-input-label--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-input-label--font-weight)); } .text-component-input-value { font-size: var(--text-component-input-value); line-height: var(--tw-leading, var(--text-component-input-value--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-input-value--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-input-value--font-weight)); } .text-component-link-lg { font-size: var(--text-component-link-lg); line-height: var(--tw-leading, var(--text-component-link-lg--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-link-lg--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-link-lg--font-weight)); } .text-component-link-sm { font-size: var(--text-component-link-sm); line-height: var(--tw-leading, var(--text-component-link-sm--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-link-sm--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-link-sm--font-weight)); } .text-component-message { font-size: var(--text-component-message); line-height: var(--tw-leading, var(--text-component-message--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-message--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-message--font-weight)); } .text-component-select { font-size: var(--text-component-select); line-height: var(--tw-leading, var(--text-component-select--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-select--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-select--font-weight)); } .text-component-select-label { font-size: var(--text-component-select-label); line-height: var(--tw-leading, var(--text-component-select-label--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-select-label--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-select-label--font-weight)); } .text-component-testimonial-author { font-size: var(--text-component-testimonial-author); line-height: var(--tw-leading, var(--text-component-testimonial-author--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-testimonial-author--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-testimonial-author--font-weight)); } .text-component-testimonial-brand { font-size: var(--text-component-testimonial-brand); line-height: var(--tw-leading, var(--text-component-testimonial-brand--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-testimonial-brand--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-testimonial-brand--font-weight)); } .text-component-testimonial-quote-lg { font-size: var(--text-component-testimonial-quote-lg); line-height: var(--tw-leading, var(--text-component-testimonial-quote-lg--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-testimonial-quote-lg--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-testimonial-quote-lg--font-weight)); } .text-component-testimonial-quote-sm { font-size: var(--text-component-testimonial-quote-sm); line-height: var(--tw-leading, var(--text-component-testimonial-quote-sm--line-height)); letter-spacing: var(--tw-tracking, var(--text-component-testimonial-quote-sm--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-component-testimonial-quote-sm--font-weight)); } .text-dsp { font-size: var(--text-dsp); line-height: var(--tw-leading, var(--text-dsp--line-height)); letter-spacing: var(--tw-tracking, var(--text-dsp--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-dsp--font-weight)); } .text-t1 { font-size: var(--text-t1); line-height: var(--tw-leading, var(--text-t1--line-height)); letter-spacing: var(--tw-tracking, var(--text-t1--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t1--font-weight)); } .text-t2 { font-size: var(--text-t2); line-height: var(--tw-leading, var(--text-t2--line-height)); letter-spacing: var(--tw-tracking, var(--text-t2--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t2--font-weight)); } .text-t3 { font-size: var(--text-t3); line-height: var(--tw-leading, var(--text-t3--line-height)); letter-spacing: var(--tw-tracking, var(--text-t3--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t3--font-weight)); } .text-t4 { font-size: var(--text-t4); line-height: var(--tw-leading, var(--text-t4--line-height)); letter-spacing: var(--tw-tracking, var(--text-t4--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t4--font-weight)); } .text-t5 { font-size: var(--text-t5); line-height: var(--tw-leading, var(--text-t5--line-height)); letter-spacing: var(--tw-tracking, var(--text-t5--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t5--font-weight)); } .text-t6 { font-size: var(--text-t6); line-height: var(--tw-leading, var(--text-t6--line-height)); letter-spacing: var(--tw-tracking, var(--text-t6--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t6--font-weight)); } .text-t7 { font-size: var(--text-t7); line-height: var(--tw-leading, var(--text-t7--line-height)); letter-spacing: var(--tw-tracking, var(--text-t7--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t7--font-weight)); } .text-t8 { font-size: var(--text-t8); line-height: var(--tw-leading, var(--text-t8--line-height)); letter-spacing: var(--tw-tracking, var(--text-t8--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t8--font-weight)); } .\!text-button-lg-size { font-size: var(--font-size-button-lg) !important; line-height: var(--tw-leading, var(--line-height-button-lg)) !important; letter-spacing: var(--tw-tracking, var(--letter-spacing-button-lg)) !important; } .text-button-lg-size { font-size: var(--font-size-button-lg); line-height: var(--tw-leading, var(--line-height-button-lg)); letter-spacing: var(--tw-tracking, var(--letter-spacing-button-lg)); } .text-button-size { font-size: var(--font-size-button-sm); line-height: var(--tw-leading, var(--line-height-button-sm)); letter-spacing: var(--tw-tracking, var(--letter-spacing-button-sm)); } .text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .text-6xl { font-size: var(--text-6xl); line-height: var(--tw-leading, var(--text-6xl--line-height)); } .text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .text-\[1\.1428571429em\] { font-size: 1.14286em; } .text-\[11px\] { font-size: 11px; } .text-\[12px\] { font-size: 12px; } .text-\[13px\] { font-size: 13px; } .text-\[14px\] { font-size: 14px; } .text-\[16px\] { font-size: 16px; } .text-\[18px\] { font-size: 18px; } .text-\[22px\] { font-size: 22px; } .text-\[48\.166px\] { font-size: 48.166px; } .text-\[48px\] { font-size: 48px; } .text-\[54px\] { font-size: 54px; } .text-\[clamp\(2rem\,25\.9cqw\,175px\)\] { font-size: clamp(2rem, 25.9cqw, 175px); } .text-mm-12 { font-size: .792cqw; } .text-mm-16 { font-size: 1.056cqw; } .text-mm-18 { font-size: 1.188cqw; } .text-mm-20 { font-size: 1.32cqw; } .text-mm-24 { font-size: 1.584cqw; } .text-mm-56 { font-size: 3.696cqw; } .text-mm-96 { font-size: 6.336cqw; } .text-mm-109 { font-size: 7.194cqw; } .leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } .leading-6 { --tw-leading: calc(var(--spacing) * 6); line-height: calc(var(--spacing) * 6); } .leading-8 { --tw-leading: calc(var(--spacing) * 8); line-height: calc(var(--spacing) * 8); } .leading-\[0\.78\] { --tw-leading: .78; line-height: .78; } .leading-\[0\] { --tw-leading: 0; line-height: 0; } .leading-\[1\.2\] { --tw-leading: 1.2; line-height: 1.2; } .leading-\[1\.6\] { --tw-leading: 1.6; line-height: 1.6; } .leading-\[1\.6em\] { --tw-leading: 1.6em; line-height: 1.6em; } .leading-\[1\.08\] { --tw-leading: 1.08; line-height: 1.08; } .leading-\[1\.225rem\] { --tw-leading: 1.225rem; line-height: 1.225rem; } .leading-\[1rem\] { --tw-leading: 1rem; line-height: 1rem; } .leading-\[2rem\] { --tw-leading: 2rem; line-height: 2rem; } .leading-\[3rem\] { --tw-leading: 3rem; line-height: 3rem; } .leading-\[14px\] { --tw-leading: 14px; line-height: 14px; } .leading-\[18px\] { --tw-leading: 18px; line-height: 18px; } .leading-\[20px\] { --tw-leading: 20px; line-height: 20px; } .leading-\[42\.02px\] { --tw-leading: 42.02px; line-height: 42.02px; } .leading-\[44px\] { --tw-leading: 44px; line-height: 44px; } .leading-\[130\%\] { --tw-leading: 130%; line-height: 130%; } .leading-\[inherit\] { --tw-leading: inherit; line-height: inherit; } .leading-none { --tw-leading: 1; line-height: 1; } .leading-normal { --tw-leading: var(--leading-normal); line-height: var(--leading-normal); } .leading-tight { --tw-leading: var(--leading-tight); line-height: var(--leading-tight); } .\[line-height\:44px\] { line-height: 44px; } .\[line-height\:48px\] { line-height: 48px; } .font-\[300\] { --tw-font-weight: 300; font-weight: 300; } .font-\[330\] { --tw-font-weight: 330; font-weight: 330; } .font-\[350\] { --tw-font-weight: 350; font-weight: 350; } .font-\[450\] { --tw-font-weight: 450; font-weight: 450; } .font-\[550\] { --tw-font-weight: 550; font-weight: 550; } .font-\[600\] { --tw-font-weight: 600; font-weight: 600; } .font-\[700\] { --tw-font-weight: 700; font-weight: 700; } .font-black { --tw-font-weight: var(--font-weight-black); font-weight: var(--font-weight-black); } .font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .font-button-weight { --tw-font-weight: 550; font-weight: 550; } .font-extrabold { --tw-font-weight: var(--font-weight-extrabold); font-weight: var(--font-weight-extrabold); } .font-light { --tw-font-weight: var(--font-weight-light); font-weight: var(--font-weight-light); } .font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .font-semi-medium { --tw-font-weight: 420; font-weight: 420; } .font-semibold { --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .font-thin { --tw-font-weight: var(--font-weight-thin); font-weight: var(--font-weight-thin); } .tracking-\[-0\.24px\] { --tw-tracking: -.24px; letter-spacing: -.24px; } .tracking-\[-0\.44px\] { --tw-tracking: -.44px; letter-spacing: -.44px; } .tracking-\[-0\.45px\] { --tw-tracking: -.45px; letter-spacing: -.45px; } .tracking-\[-0\.464px\] { --tw-tracking: -.464px; letter-spacing: -.464px; } .tracking-\[-1\.4px\] { --tw-tracking: -1.4px; letter-spacing: -1.4px; } .tracking-\[-1\.05px\] { --tw-tracking: -1.05px; letter-spacing: -1.05px; } .tracking-\[-1\.25px\] { --tw-tracking: -1.25px; letter-spacing: -1.25px; } .tracking-\[-2px\] { --tw-tracking: -2px; letter-spacing: -2px; } .tracking-\[-4px\] { --tw-tracking: -4px; letter-spacing: -4px; } .tracking-\[\.72px\] { --tw-tracking: .72px; letter-spacing: .72px; } .tracking-\[0\.15px\] { --tw-tracking: .15px; letter-spacing: .15px; } .tracking-button-tracking { --tw-tracking: 0; letter-spacing: 0; } .tracking-ff-tight { --tw-tracking: -.01em; letter-spacing: -.01em; } .tracking-normal { --tw-tracking: var(--tracking-normal); letter-spacing: var(--tracking-normal); } .tracking-tight { --tw-tracking: var(--tracking-tight); letter-spacing: var(--tracking-tight); } .\!\[text-wrap\:pretty\] { text-wrap: pretty !important; } .text-balance { text-wrap: balance; } .text-nowrap { text-wrap: nowrap; } .text-pretty { text-wrap: pretty; } .text-wrap { text-wrap: wrap; } .\[overflow-wrap\:anywhere\] { overflow-wrap: anywhere; } .break-words { overflow-wrap: break-word; } .break-keep { word-break: keep-all; } .text-ellipsis { text-overflow: ellipsis; } .hyphens-auto { -webkit-hyphens: auto; hyphens: auto; } .whitespace-nowrap { white-space: nowrap; } .text-\[\#0000EE\] { color: #00e; } .text-\[\#1F1F1F\] { color: #1f1f1f; } .text-\[\#1F2124\] { color: #1f2124; } .text-\[\#1a1a2e\] { color: #1a1a2e; } .text-\[\#2C6ECB\] { color: #2c6ecb; } .text-\[\#005BD3\] { color: #005bd3; } .text-\[\#5A24CD\] { color: #5a24cd; } .text-\[\#5B6170\] { color: #5b6170; } .text-\[\#6D7175\] { color: #6d7175; } .text-\[\#6b7177\] { color: #6b7177; } .text-\[\#007F95\] { color: #007f95; } .text-\[\#36F4A4\] { color: #36f4a4; } .text-\[\#5433EB\] { color: #5433eb; } .text-\[\#008060\] { color: #008060; } .text-\[\#015860\] { color: #015860; } .text-\[\#18181b\] { color: #18181b; } .text-\[\#63744F\] { color: #63744f; } .text-\[\#71717a\] { color: #71717a; } .text-\[\#292919\] { color: #292919; } .text-\[\#303030\] { color: #303030; } .text-\[\#616161\] { color: #616161; } .text-\[\#707070\] { color: #707070; } .text-\[\#B5B5B5\] { color: #b5b5b5; } .text-\[\#E0E0E0\] { color: #e0e0e0; } .text-\[\#EFE9D9\] { color: #efe9d9; } .text-\[\#F7F7EE\] { color: #f7f7ee; } .text-\[\#FFFFFF\] { color: #fff; } .text-\[\#a1a1aa\] { color: #a1a1aa; } .text-\[\#eeead7\] { color: #eeead7; } .text-\[\#efe9d9\] { color: #efe9d9; } .text-\[\#f9f9f9\] { color: #f9f9f9; } .text-\[\#faf9f4\] { color: #faf9f4; } .text-\[var\(--bb-accent\)\] { color: var(--bb-accent); } .text-\[var\(--bb-disclaimer\)\] { color: var(--bb-disclaimer); } .text-\[var\(--bb-text\)\] { color: var(--bb-text); } .text-aloe-50 { color: var(--color-aloe-50); } .text-badge-dark-text { color: #000; } .text-badge-light-text { color: #fff; } .text-black { color: var(--color-black); } .text-blue-400 { color: var(--color-blue-400); } .text-blue-600 { color: var(--color-blue-600); } .text-brochure-bot-green { color: #63744f; } .text-brochure-bot-plus-blue { color: #0e3cab; } .text-brochure-bot-text { color: #303030; } .text-button-dark-primary-bg\! { color: var(--color-button-dark-primary-bg) !important; } .text-button-dark-primary-text { color: var(--color-button-dark-primary-text); } .text-button-dark-primary-text-disabled { color: var(--color-button-dark-primary-text-disabled); } .text-button-dark-secondary-text { color: var(--color-button-dark-secondary-text); } .text-button-light-primary-text { color: var(--color-button-light-primary-text); } .text-button-light-primary-text-disabled { color: var(--color-button-light-primary-text-disabled); } .text-button-light-secondary-text { color: var(--color-button-light-secondary-text); } .text-component-accordion-button-content { color: var(--color-component-accordion-button-content); } .text-component-accordion-content { color: var(--color-component-accordion-content); } .text-component-badge-content { color: var(--color-component-badge-content); } .text-component-button-group-disclaimer-content { color: var(--color-component-button-group-disclaimer-content); } .text-component-button-interface-primary-content { color: var(--color-component-button-interface-primary-content); } .text-component-button-interface-secondary-content { color: var(--color-component-button-interface-secondary-content); } .text-component-button-primary-content { color: var(--color-component-button-primary-content); } .text-component-button-primary-content-disabled { color: var(--color-component-button-primary-content-disabled); } .text-component-button-secondary-content { color: var(--color-component-button-secondary-content); } .text-component-comparison-table-cell-content { color: var(--color-component-comparison-table-cell-content); } .text-component-comparison-table-cell-subtext-content { color: var(--color-component-comparison-table-cell-subtext-content); } .text-component-comparison-table-heading-content { color: var(--color-component-comparison-table-heading-content); } .text-component-comparison-table-icon-content { color: var(--color-component-comparison-table-icon-content); } .text-component-comparison-table-row-heading-content { color: var(--color-component-comparison-table-row-heading-content); } .text-component-comparison-table-row-heading-subtext-content { color: var(--color-component-comparison-table-row-heading-subtext-content); } .text-component-header-content { color: var(--color-component-header-content); } .text-component-heading-group-cta-disclaimer-content { color: var(--color-component-heading-group-cta-disclaimer-content); } .text-component-heading-group-eyebrow-content { color: var(--color-component-heading-group-eyebrow-content); } .text-component-heading-group-heading-content { color: var(--color-component-heading-group-heading-content); } .text-component-heading-group-subhead-content { color: var(--color-component-heading-group-subhead-content); } .text-component-icon { color: var(--color-component-icon); } .text-component-icon-disabled { color: var(--color-component-icon-disabled); } .text-component-icon-inverse { color: var(--color-component-icon-inverse); } .text-component-icon-inverse-disabled { color: var(--color-component-icon-inverse-disabled); } .text-component-input-checkbox-icon-content { color: var(--color-component-input-checkbox-icon-content); } .text-component-input-content { color: var(--color-component-input-content); } .text-component-input-content-disabled { color: var(--color-component-input-content-disabled); } .text-component-input-label-content { color: var(--color-component-input-label-content); } .text-component-input-label-content-disabled { color: var(--color-component-input-label-content-disabled); } .text-component-input-option-content { color: var(--color-component-input-option-content); } .text-component-input-option-content-disabled { color: var(--color-component-input-option-content-disabled); } .text-component-link-content { color: var(--color-component-link-content); } .text-component-message-content { color: var(--color-component-message-content); } .text-component-message-content-disabled { color: var(--color-component-message-content-disabled); } .text-component-message-icon-content-error { color: var(--color-component-message-icon-content-error); } .text-component-message-icon-content-success { color: var(--color-component-message-icon-content-success); } .text-component-message-icon-content-warning { color: var(--color-component-message-icon-content-warning); } .text-component-pagination-content { color: var(--color-component-pagination-content); } .text-component-section-content { color: var(--color-component-section-content); } .text-component-select-content { color: var(--color-component-select-content); } .text-component-select-content-disabled { color: var(--color-component-select-content-disabled); } .text-component-select-label-content { color: var(--color-component-select-label-content); } .text-component-select-label-content-disabled { color: var(--color-component-select-label-content-disabled); } .text-component-testimonial-author-content { color: var(--color-component-testimonial-author-content); } .text-component-testimonial-brand-content { color: var(--color-component-testimonial-brand-content); } .text-component-testimonial-content { color: var(--color-component-testimonial-content); } .text-current { color: currentColor; } .text-dragonfruit-70 { color: var(--color-dragonfruit-70); } .text-eyebrow-dark-text { color: #84c6c5; } .text-eyebrow-light-text { color: #003b4d; } .text-fullwidthcard-dark-text { color: #fff; } .text-fullwidthcard-light-text { color: #000; } .text-gray-200 { color: var(--color-gray-200); } .text-gray-300 { color: var(--color-gray-300); } .text-gray-400 { color: var(--color-gray-400); } .text-gray-600 { color: var(--color-gray-600); } .text-gray-700 { color: var(--color-gray-700); } .text-gray-900 { color: var(--color-gray-900); } .text-highlight-dark { color: #978de7; } .text-highlight-light { color: #3525c1; } .text-inherit { color: inherit; } .text-input-dark-disabled-text { color: #71717a; } .text-input-dark-label-text { color: #ffffffb3; } .text-input-dark-text { color: #fff; } .text-input-light-disabled-text { color: #a1a1aa; } .text-input-light-label-text { color: #0009; } .text-input-light-text { color: #000; } .text-link-dark { color: var(--color-link-dark); } .text-link-light { color: #000; } .text-orange-500 { color: var(--color-orange-500); } .text-pagination-text-dark { color: #fff; } .text-pagination-text-light { color: #000; } .text-purple-300 { color: var(--color-purple-300); } .text-purple-500 { color: var(--color-purple-500); } .text-red-500 { color: var(--color-red-500); } .text-red-700 { color: var(--color-red-700); } .text-section-dark-text { color: #fff; } .text-section-light-text { color: #000; } .text-shade-20 { color: var(--color-shade-20); } .text-shade-30 { color: var(--color-shade-30); } .text-shade-40 { color: var(--color-shade-40); } .text-shade-50 { color: var(--color-shade-50); } .text-shade-60 { color: var(--color-shade-60); } .text-shade-70 { color: var(--color-shade-70); } .text-shade-90 { color: var(--color-shade-90); } .text-shade-100 { color: var(--color-shade-100); } .text-shade-1000 { color: var(--color-shade-1000); } .text-state-error-dark { color: #ee0004; } .text-state-error-light { color: #ff6669; } .text-state-success-dark { color: #15883b; } .text-state-success-light { color: #7aeb9f; } .text-state-warning-dark { color: #e89900; } .text-state-warning-light { color: #f1be09; } .text-table-cell-text-dark, .text-table-cell-text-light { color: #000; } .text-table-header-column-text-dark, .text-table-header-column-text-light { color: #fff; } .text-theme-content { color: var(--color-theme-content); } .text-white { color: var(--color-white); } .text-white\/50 { color: #ffffff80; } @supports (color: color-mix(in lab, red, red)) { .text-white\/50 { color: color-mix(in oklab, var(--color-white) 50%, transparent); } } .text-zinc-400 { color: var(--color-zinc-400); } .text-zinc-600 { color: var(--color-zinc-600); } .lowercase { text-transform: lowercase; } .normal-case { text-transform: none; } .uppercase { text-transform: uppercase; } .not-italic { font-style: normal; } .no-underline { text-decoration-line: none; } .underline { text-decoration-line: underline; } .underline-offset-\[30\%\] { text-underline-offset: 30%; } .accent-black { accent-color: var(--color-black); } .opacity-0 { opacity: 0; } .opacity-15 { opacity: .15; } .opacity-25 { opacity: .25; } .opacity-30 { opacity: .3; } .opacity-40 { opacity: .4; } .opacity-50 { opacity: .5; } .opacity-60 { opacity: .6; } .opacity-70 { opacity: .7; } .opacity-75 { opacity: .75; } .opacity-90 { opacity: .9; } .opacity-100 { opacity: 1; } .opacity-\[var\(--edit-container-opacity\)\] { opacity: var(--edit-container-opacity); } .mix-blend-difference { mix-blend-mode: difference; } .mix-blend-hard-light { mix-blend-mode: hard-light; } .mix-blend-screen { mix-blend-mode: screen; } .shadow { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-2xl { --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, #00000040); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_1px\] { --tw-shadow: 0 0 0 1px var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_0_0_2px\] { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0_8px_24px_-8px_rgba\(0\,0\,0\,0\.28\)\,0_8px_16px_-4px_rgba\(0\,0\,0\,0\.05\)\,0_3px_6px_0_rgba\(0\,0\,0\,0\.05\)\,0_2px_4px_0_rgba\(0\,0\,0\,0\.05\)\,0_1px_2px_0_rgba\(0\,0\,0\,0\.05\)\,0_0_0_1px_rgba\(0\,0\,0\,0\.06\)\] { --tw-shadow: 0 8px 24px -8px var(--tw-shadow-color, #00000047), 0 8px 16px -4px var(--tw-shadow-color, #0000000d), 0 3px 6px 0 var(--tw-shadow-color, #0000000d), 0 2px 4px 0 var(--tw-shadow-color, #0000000d), 0 1px 2px 0 var(--tw-shadow-color, #0000000d), 0 0 0 1px var(--tw-shadow-color, #0000000f); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-\[0px_5px_1px_0px_rgba\(0\,0\,0\,0\.00\)\,0px_3px_1px_0px_rgba\(0\,0\,0\,0\.01\)\,0px_2px_1px_0px_rgba\(0\,0\,0\,0\.05\)\,0px_1px_1px_0px_rgba\(0\,0\,0\,0\.09\)\] { --tw-shadow: 0px 5px 1px 0px var(--tw-shadow-color, #0000), 0px 3px 1px 0px var(--tw-shadow-color, #00000003), 0px 2px 1px 0px var(--tw-shadow-color, #0000000d), 0px 1px 1px 0px var(--tw-shadow-color, #00000017); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-apps-showcase-item-shadow { --tw-shadow: 0 0 4px 1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-apps-showcase-tooltip-shadow { --tw-shadow: 0px 6px 4px -2px var(--tw-shadow-color, #10182808), 0px 16px 12px -4px var(--tw-shadow-color, #10182814), 0px 0px 1px 0px var(--tw-shadow-color, #1018288a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-component-card-base-shadow { --tw-shadow: var(--shadow-theme-shadow-1); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-dark { --tw-shadow: 0 8px 48px var(--tw-shadow-color, #18181b3d), 0 4px 8px var(--tw-shadow-color, #18181b29), 0 0 2px var(--tw-shadow-color, #ffffff85); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-lg { --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-light { --tw-shadow: 0 8px 48px var(--tw-shadow-color, #06060814), 0 4px 8px var(--tw-shadow-color, #18181b0a), 0 0 2px var(--tw-shadow-color, #18181b40); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-sm { --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-soft-2xl { --tw-shadow: 0px 8px 48px var(--tw-shadow-color, #00000014), 0px 4px 8px var(--tw-shadow-color, #00000014), 0px 0px 1px var(--tw-shadow-color, #0006); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-soft-dark-2xl { --tw-shadow: 0px 8px 48px var(--tw-shadow-color, #0f1214), 0px 4px 8px var(--tw-shadow-color, #42474c0f), 0px 0px 1px var(--tw-shadow-color, #000000e6); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .shadow-xl { --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .ring-1 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .override-shadow-component-card-base-shadow { --tw-shadow: var(--shadow-component-card-base-shadow); } .\!shadow-legacy-cyan-20 { --tw-shadow-color: #b9f0e9 !important; } @supports (color: color-mix(in lab, red, red)) { .\!shadow-legacy-cyan-20 { --tw-shadow-color: color-mix(in oklab, #b9f0e9 var(--tw-shadow-alpha), transparent) !important; } } .shadow-legacy-cyan-20 { --tw-shadow-color: #b9f0e9; } @supports (color: color-mix(in lab, red, red)) { .shadow-legacy-cyan-20 { --tw-shadow-color: color-mix(in oklab, #b9f0e9 var(--tw-shadow-alpha), transparent); } } .shadow-legacy-gray-70 { --tw-shadow-color: #6b7177; } @supports (color: color-mix(in lab, red, red)) { .shadow-legacy-gray-70 { --tw-shadow-color: color-mix(in oklab, #6b7177 var(--tw-shadow-alpha), transparent); } } .shadow-legacy-pink-70 { --tw-shadow-color: #c43256; } @supports (color: color-mix(in lab, red, red)) { .shadow-legacy-pink-70 { --tw-shadow-color: color-mix(in oklab, #c43256 var(--tw-shadow-alpha), transparent); } } .shadow-mandarin-50 { --tw-shadow-color: #ed6c31; } @supports (color: color-mix(in lab, red, red)) { .shadow-mandarin-50 { --tw-shadow-color: color-mix(in oklab, var(--color-mandarin-50) var(--tw-shadow-alpha), transparent); } } .ring-black\/20 { --tw-ring-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .ring-black\/20 { --tw-ring-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .ring-button-dark-primary-border { --tw-ring-color: var(--color-button-dark-primary-border); } .ring-button-light-primary-border { --tw-ring-color: var(--color-button-light-primary-border); } .ring-button-light-secondary-border { --tw-ring-color: var(--color-button-light-secondary-border); } .ring-component-button-primary-border { --tw-ring-color: var(--color-component-button-primary-border); } .ring-component-button-secondary-border { --tw-ring-color: var(--color-component-button-secondary-border); } .ring-component-card-base-outline-border { --tw-ring-color: var(--color-component-card-base-outline-border); } .ring-component-input-border { --tw-ring-color: var(--color-component-input-border); } .ring-component-input-border-disabled { --tw-ring-color: var(--color-component-input-border-disabled); } .ring-component-input-border-error { --tw-ring-color: var(--color-component-input-border-error); } .ring-component-input-border-success { --tw-ring-color: var(--color-component-input-border-success); } .ring-component-input-border-warning { --tw-ring-color: var(--color-component-input-border-warning); } .ring-component-select-border-error { --tw-ring-color: var(--color-component-select-border-error); } .ring-component-select-border-success { --tw-ring-color: var(--color-component-select-border-success); } .ring-component-select-border-warning { --tw-ring-color: var(--color-component-select-border-warning); } .ring-current { --tw-ring-color: currentcolor; } .ring-input-dark-disabled-border { --tw-ring-color: #ffffff1a; } .ring-input-light-disabled-border { --tw-ring-color: #d4d4d8; } .ring-shade-30 { --tw-ring-color: var(--color-shade-30); } .ring-shade-60 { --tw-ring-color: var(--color-shade-60); } .ring-state-error-dark { --tw-ring-color: #ee0004; } .ring-state-error-light { --tw-ring-color: #ff6669; } .ring-state-success-dark { --tw-ring-color: #15883b; } .ring-state-success-light { --tw-ring-color: #7aeb9f; } .ring-state-warning-dark { --tw-ring-color: #e89900; } .ring-state-warning-light { --tw-ring-color: #f1be09; } .ring-white\/20 { --tw-ring-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .ring-white\/20 { --tw-ring-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .ring-zinc-600 { --tw-ring-color: var(--color-zinc-600); } .outline, .outline-1 { outline-style: var(--tw-outline-style); outline-width: 1px; } .outline-2 { outline-style: var(--tw-outline-style); outline-width: 2px; } .outline-4 { outline-style: var(--tw-outline-style); outline-width: 4px; } .-outline-offset-4 { outline-offset: calc(4px * -1); } .outline-offset-2 { outline-offset: 2px; } .outline-red-600 { outline-color: var(--color-red-600); } .outline-state-focus { outline-color: #751be9; } .outline-transparent { outline-color: #0000; } .blur { --tw-blur: blur(8px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-2xl { --tw-blur: blur(var(--blur-2xl)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-lg { --tw-blur: blur(var(--blur-lg)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .blur-sm { --tw-blur: blur(var(--blur-sm)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow-lg { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .drop-shadow-xl { --tw-drop-shadow-size: drop-shadow(0 9px 7px var(--tw-drop-shadow-color, #0000001a)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-xl)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .grayscale { --tw-grayscale: grayscale(100%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .filter { filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .backdrop-blur-\[2px\] { --tw-backdrop-blur: blur(2px); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .backdrop-blur-sm { --tw-backdrop-blur: blur(var(--blur-sm)); -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, ); } .transition { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[background\,_color\] { transition-property: background, color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\,transform\,translate\] { transition-property: opacity, transform, translate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[opacity\] { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[translate\,_outline-color\] { transition-property: translate, outline-color; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[translate\,clip-path\] { transition-property: translate, clip-path; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-\[translate\] { transition-property: translate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-all { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-colors { transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-opacity-transform { transition-property: opacity, transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .delay-0 { transition-delay: 0s; } .delay-100 { transition-delay: .1s; } .delay-150 { transition-delay: .15s; } .delay-200 { transition-delay: .2s; } .delay-300 { transition-delay: .3s; } .delay-400 { transition-delay: .4s; } .delay-500 { transition-delay: .5s; } .delay-600 { transition-delay: .6s; } .delay-700 { transition-delay: .7s; } .delay-800 { transition-delay: .8s; } .delay-900 { transition-delay: .9s; } .delay-1000 { transition-delay: 1s; } .delay-\[0ms\,200ms\] { transition-delay: 0s, .2s; } .delay-\[50ms\] { transition-delay: 50ms; } .delay-\[100ms\] { transition-delay: .1s; } .delay-\[250ms\] { transition-delay: .25s; } .delay-\[350ms\] { transition-delay: .35s; } .duration-100 { --tw-duration: .1s; transition-duration: .1s; } .duration-150 { --tw-duration: .15s; transition-duration: .15s; } .duration-200 { --tw-duration: .2s; transition-duration: .2s; } .duration-250 { --tw-duration: .25s; transition-duration: .25s; } .duration-300 { --tw-duration: .3s; transition-duration: .3s; } .duration-500 { --tw-duration: .5s; transition-duration: .5s; } .duration-700 { --tw-duration: .7s; transition-duration: .7s; } .duration-1000 { --tw-duration: 1s; transition-duration: 1s; } .duration-\[0\.1s\] { --tw-duration: .1s; transition-duration: .1s; } .duration-\[0\.2s\] { --tw-duration: .2s; transition-duration: .2s; } .duration-\[250ms\] { --tw-duration: .25s; transition-duration: .25s; } .duration-\[277ms\] { --tw-duration: .277s; transition-duration: .277s; } .duration-\[350ms\] { --tw-duration: .35s; transition-duration: .35s; } .duration-\[400ms\] { --tw-duration: .4s; transition-duration: .4s; } .duration-\[450ms\] { --tw-duration: .45s; transition-duration: .45s; } .duration-\[452ms\] { --tw-duration: .452s; transition-duration: .452s; } .duration-\[500ms\] { --tw-duration: .5s; transition-duration: .5s; } .ease-\[0\,0\,0\.2\,1\] { --tw-ease: 0, 0, .2, 1; transition-timing-function: 0, 0, .2, 1; } .ease-\[cubic-bezier\(0\.25\,0\.46\,0\.45\,0\.94\)\] { --tw-ease: cubic-bezier(.25, .46, .45, .94); transition-timing-function: cubic-bezier(.25, .46, .45, .94); } .ease-\[cubic-bezier\(0\.26\,1\.00\,0\.48\,1\.00\)\] { --tw-ease: cubic-bezier(.26, 1, .48, 1); transition-timing-function: cubic-bezier(.26, 1, .48, 1); } .ease-\[cubic-bezier\(0\.40\,0\.00\,0\.20\,1\.00\)\] { --tw-ease: cubic-bezier(.4, 0, .2, 1); transition-timing-function: cubic-bezier(.4, 0, .2, 1); } .ease-\[cubic-bezier\(0\.87\,0\,0\.13\,1\)\] { --tw-ease: cubic-bezier(.87, 0, .13, 1); transition-timing-function: cubic-bezier(.87, 0, .13, 1); } .ease-\[ease\] { --tw-ease: ease; transition-timing-function: ease; } .ease-base { --tw-ease: var(--ease-base); transition-timing-function: var(--ease-base); } .ease-in-out { --tw-ease: var(--ease-in-out); transition-timing-function: var(--ease-in-out); } .ease-linear { --tw-ease: linear; transition-timing-function: linear; } .ease-out { --tw-ease: var(--ease-out); transition-timing-function: var(--ease-out); } .ease-out-cubic { --tw-ease: var(--ease-out-cubic); transition-timing-function: var(--ease-out-cubic); } .will-change-\[opacity\,translate\] { will-change: opacity, translate; } .will-change-\[opacity\] { will-change: opacity; } .will-change-\[transform\,opacity\] { will-change: transform, opacity; } .will-change-\[translate\] { will-change: translate; } .will-change-auto { will-change: auto; } .will-change-transform { will-change: transform; } .content-\[\"\"\] { --tw-content: ""; content: var(--tw-content); } .override-heading-group-eyebrow-eyebrow-lg { --text-component-heading-group-eyebrow: var(--text-component-heading-group-eyebrow-override, var(--text-eyebrow-lg)); --text-component-heading-group-eyebrow--font-weight: var(--text-component-heading-group-eyebrow-override--font-weight, var(--text-eyebrow-lg--font-weight)); --text-component-heading-group-eyebrow--line-height: var(--text-component-heading-group-eyebrow-override--line-height, var(--text-eyebrow-lg--line-height)); --text-component-heading-group-eyebrow--letter-spacing: var(--text-component-heading-group-eyebrow-override--letter-spacing, var(--text-eyebrow-lg--letter-spacing)); } .override-heading-group-eyebrow-eyebrow-md { --text-component-heading-group-eyebrow: var(--text-component-heading-group-eyebrow-override, var(--text-eyebrow-md)); --text-component-heading-group-eyebrow--font-weight: var(--text-component-heading-group-eyebrow-override--font-weight, var(--text-eyebrow-md--font-weight)); --text-component-heading-group-eyebrow--line-height: var(--text-component-heading-group-eyebrow-override--line-height, var(--text-eyebrow-md--line-height)); --text-component-heading-group-eyebrow--letter-spacing: var(--text-component-heading-group-eyebrow-override--letter-spacing, var(--text-eyebrow-md--letter-spacing)); } .override-heading-group-eyebrow-eyebrow-sm { --text-component-heading-group-eyebrow: var(--text-component-heading-group-eyebrow-override, var(--text-eyebrow-sm)); --text-component-heading-group-eyebrow--font-weight: var(--text-component-heading-group-eyebrow-override--font-weight, var(--text-eyebrow-sm--font-weight)); --text-component-heading-group-eyebrow--line-height: var(--text-component-heading-group-eyebrow-override--line-height, var(--text-eyebrow-sm--line-height)); --text-component-heading-group-eyebrow--letter-spacing: var(--text-component-heading-group-eyebrow-override--letter-spacing, var(--text-eyebrow-sm--letter-spacing)); } .override-heading-group-heading-dsp { --text-component-heading-group-heading: var(--text-component-heading-group-heading-override, var(--text-dsp)); --text-component-heading-group-heading--font-weight: var(--text-component-heading-group-heading-override--font-weight, var(--text-dsp--font-weight)); --text-component-heading-group-heading--line-height: var(--text-component-heading-group-heading-override--line-height, var(--text-dsp--line-height)); --text-component-heading-group-heading--letter-spacing: var(--text-component-heading-group-heading-override--letter-spacing, var(--text-dsp--letter-spacing)); } .override-heading-group-heading-t1 { --text-component-heading-group-heading: var(--text-component-heading-group-heading-override, var(--text-t1)); --text-component-heading-group-heading--font-weight: var(--text-component-heading-group-heading-override--font-weight, var(--text-t1--font-weight)); --text-component-heading-group-heading--line-height: var(--text-component-heading-group-heading-override--line-height, var(--text-t1--line-height)); --text-component-heading-group-heading--letter-spacing: var(--text-component-heading-group-heading-override--letter-spacing, var(--text-t1--letter-spacing)); } .override-heading-group-heading-t2 { --text-component-heading-group-heading: var(--text-component-heading-group-heading-override, var(--text-t2)); --text-component-heading-group-heading--font-weight: var(--text-component-heading-group-heading-override--font-weight, var(--text-t2--font-weight)); --text-component-heading-group-heading--line-height: var(--text-component-heading-group-heading-override--line-height, var(--text-t2--line-height)); --text-component-heading-group-heading--letter-spacing: var(--text-component-heading-group-heading-override--letter-spacing, var(--text-t2--letter-spacing)); } .override-heading-group-heading-t3 { --text-component-heading-group-heading: var(--text-component-heading-group-heading-override, var(--text-t3)); --text-component-heading-group-heading--font-weight: var(--text-component-heading-group-heading-override--font-weight, var(--text-t3--font-weight)); --text-component-heading-group-heading--line-height: var(--text-component-heading-group-heading-override--line-height, var(--text-t3--line-height)); --text-component-heading-group-heading--letter-spacing: var(--text-component-heading-group-heading-override--letter-spacing, var(--text-t3--letter-spacing)); } .override-heading-group-heading-t4 { --text-component-heading-group-heading: var(--text-component-heading-group-heading-override, var(--text-t4)); --text-component-heading-group-heading--font-weight: var(--text-component-heading-group-heading-override--font-weight, var(--text-t4--font-weight)); --text-component-heading-group-heading--line-height: var(--text-component-heading-group-heading-override--line-height, var(--text-t4--line-height)); --text-component-heading-group-heading--letter-spacing: var(--text-component-heading-group-heading-override--letter-spacing, var(--text-t4--letter-spacing)); } .override-heading-group-heading-t5 { --text-component-heading-group-heading: var(--text-component-heading-group-heading-override, var(--text-t5)); --text-component-heading-group-heading--font-weight: var(--text-component-heading-group-heading-override--font-weight, var(--text-t5--font-weight)); --text-component-heading-group-heading--line-height: var(--text-component-heading-group-heading-override--line-height, var(--text-t5--line-height)); --text-component-heading-group-heading--letter-spacing: var(--text-component-heading-group-heading-override--letter-spacing, var(--text-t5--letter-spacing)); } .override-heading-group-heading-t6 { --text-component-heading-group-heading: var(--text-component-heading-group-heading-override, var(--text-t6)); --text-component-heading-group-heading--font-weight: var(--text-component-heading-group-heading-override--font-weight, var(--text-t6--font-weight)); --text-component-heading-group-heading--line-height: var(--text-component-heading-group-heading-override--line-height, var(--text-t6--line-height)); --text-component-heading-group-heading--letter-spacing: var(--text-component-heading-group-heading-override--letter-spacing, var(--text-t6--letter-spacing)); } .override-heading-group-heading-t7 { --text-component-heading-group-heading: var(--text-component-heading-group-heading-override, var(--text-t7)); --text-component-heading-group-heading--font-weight: var(--text-component-heading-group-heading-override--font-weight, var(--text-t7--font-weight)); --text-component-heading-group-heading--line-height: var(--text-component-heading-group-heading-override--line-height, var(--text-t7--line-height)); --text-component-heading-group-heading--letter-spacing: var(--text-component-heading-group-heading-override--letter-spacing, var(--text-t7--letter-spacing)); } .override-heading-group-heading-t8 { --text-component-heading-group-heading: var(--text-component-heading-group-heading-override, var(--text-t8)); --text-component-heading-group-heading--font-weight: var(--text-component-heading-group-heading-override--font-weight, var(--text-t8--font-weight)); --text-component-heading-group-heading--line-height: var(--text-component-heading-group-heading-override--line-height, var(--text-t8--line-height)); --text-component-heading-group-heading--letter-spacing: var(--text-component-heading-group-heading-override--letter-spacing, var(--text-t8--letter-spacing)); } .override-heading-group-subhead-body-base { --text-component-heading-group-subhead: var(--text-component-heading-group-subhead-override, var(--text-body-base)); --text-component-heading-group-subhead--font-weight: var(--text-component-heading-group-subhead-override--font-weight, var(--text-body-base--font-weight)); --text-component-heading-group-subhead--line-height: var(--text-component-heading-group-subhead-override--line-height, var(--text-body-base--line-height)); --text-component-heading-group-subhead--letter-spacing: var(--text-component-heading-group-subhead-override--letter-spacing, var(--text-body-base--letter-spacing)); } .override-heading-group-subhead-body-lg { --text-component-heading-group-subhead: var(--text-component-heading-group-subhead-override, var(--text-body-lg)); --text-component-heading-group-subhead--font-weight: var(--text-component-heading-group-subhead-override--font-weight, var(--text-body-lg--font-weight)); --text-component-heading-group-subhead--line-height: var(--text-component-heading-group-subhead-override--line-height, var(--text-body-lg--line-height)); --text-component-heading-group-subhead--letter-spacing: var(--text-component-heading-group-subhead-override--letter-spacing, var(--text-body-lg--letter-spacing)); } .override-heading-group-subhead-body-sm { --text-component-heading-group-subhead: var(--text-component-heading-group-subhead-override, var(--text-body-sm)); --text-component-heading-group-subhead--font-weight: var(--text-component-heading-group-subhead-override--font-weight, var(--text-body-sm--font-weight)); --text-component-heading-group-subhead--line-height: var(--text-component-heading-group-subhead-override--line-height, var(--text-body-sm--line-height)); --text-component-heading-group-subhead--letter-spacing: var(--text-component-heading-group-subhead-override--letter-spacing, var(--text-body-sm--letter-spacing)); } .no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; -ms-overflow-style: none; scrollbar-width: none; } .outline-none { --tw-outline-style: none; outline-style: none; } .scrollbar-thin-dark { scrollbar-color: var(--color-shade-600) transparent; scrollbar-width: thin; scrollbar-color: var(--shade-60) transparent; scrollbar-width: thin; } .scrollbar-thin-light { scrollbar-color: var(--color-shade-400) transparent; scrollbar-width: thin; scrollbar-color: var(--shade-40) transparent; scrollbar-width: thin; } .select-none { -webkit-user-select: none; user-select: none; } .\[backface-visibility\:hidden\] { backface-visibility: hidden; } .\[clip-path\:inset\(0_0_0_0\)\] { clip-path: inset(0); } .\[clip-path\:inset\(0_94px_0_0\)\] { clip-path: inset(0 94px 0 0); } .\[counter-increment\:list-counter\] { counter-increment: list-counter; } .\[counter-reset\:list-counter\] { counter-reset: list-counter; } .\[grid-area\:aside\] { grid-area: aside; } .\[grid-area\:belt\] { grid-area: belt; } .\[grid-area\:items\] { grid-area: items; } .\[overflow-anchor\:none\] { overflow-anchor: none; } .\[transform-style\:preserve-3d\] { transform-style: preserve-3d; } .animation-duration-\[var\(--marquee-duration\)\] { animation-duration: var(--marquee-duration) !important; animation-duration: var(--marquee-duration) !important; } .backface-hidden { backface-visibility: hidden; } .override-card-base-bg-component-featured-card-bg { --color-component-card-base-bg: var(--color-component-featured-card-bg); } .reverse { animation-direction: reverse; } .ring-inset { --tw-ring-inset: inset; } .transition-custom-\[background-color_0\.3s\,opacity_0\.3s\,transform_0\.3s_cubic-bezier\(0\.175\,0\.885\,0\.32\,1\.275\)\] { transition: background-color .3s, opacity .3s, transform .3s cubic-bezier(.175, .885, .32, 1.275); } .group-first\:pt-2:is(:where(.group):first-child *) { padding-top: calc(var(--spacing) * 2); } .group-last\:pb-2:is(:where(.group):last-child *) { padding-bottom: calc(var(--spacing) * 2); } @media (hover: hover) { .group-hover\:translate-x-0:is(:where(.group):hover *) { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\:bg-black:is(:where(.group):hover *) { background-color: var(--color-black); } .group-hover\:bg-component-comparison-table-cell-bg-hover:is(:where(.group):hover *) { background-color: var(--color-component-comparison-table-cell-bg-hover); } .group-hover\:bg-white:is(:where(.group):hover *) { background-color: var(--color-white); } .group-hover\:text-black:is(:where(.group):hover *) { color: var(--color-black); } .group-hover\:text-white:is(:where(.group):hover *) { color: var(--color-white); } .group-hover\:opacity-0:is(:where(.group):hover *) { opacity: 0; } .group-hover\:opacity-15:is(:where(.group):hover *) { opacity: .15; } .group-hover\:opacity-60:is(:where(.group):hover *) { opacity: .6; } .group-hover\:opacity-100:is(:where(.group):hover *) { opacity: 1; } .group-hover\:\[animation-play-state\:paused\]:is(:where(.group):hover *) { animation-play-state: paused; } .group-hover\/appitem\:-translate-y-5:is(:where(.group\/appitem):hover *) { --tw-translate-y: calc(var(--spacing) * -5); translate: var(--tw-translate-x) var(--tw-translate-y); } .group-hover\/appitem\:opacity-100:is(:where(.group\/appitem):hover *) { opacity: 1; } .group-hover\/appitem\:shadow-apps-showcase-item-shadow-hover:is(:where(.group\/appitem):hover *) { --tw-shadow: 0 5px 15px 3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .group-hover\/card\:bg-black:is(:where(.group\/card):hover *) { background-color: var(--color-black); } .group-hover\/card\:bg-component-slideshow-progress-bar-hover:is(:where(.group\/card):hover *) { background-color: var(--color-component-slideshow-progress-bar-hover); } .group-hover\/card\:bg-white:is(:where(.group\/card):hover *) { background-color: var(--color-white); } .group-hover\/card\:opacity-100:is(:where(.group\/card):hover *) { opacity: 1; } } .group-focus\:opacity-0:is(:where(.group):focus *) { opacity: 0; } .group-focus\:opacity-100:is(:where(.group):focus *) { opacity: 1; } .peer-checked\:pointer-events-auto:is(:where(.peer):checked ~ *) { pointer-events: auto; } .peer-checked\:-scale-y-100:is(:where(.peer):checked ~ *) { --tw-scale-y: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } .peer-checked\:bg-component-input-selected-bg:is(:where(.peer):checked ~ *) { background-color: var(--color-component-input-selected-bg); } .peer-checked\:bg-lavender-30:is(:where(.peer):checked ~ *) { background-color: var(--color-lavender-30); } .peer-checked\:bg-lavender-70:is(:where(.peer):checked ~ *) { background-color: var(--color-lavender-70); } .peer-checked\:opacity-100:is(:where(.peer):checked ~ *) { opacity: 1; } .peer-checked\:ring-0:is(:where(.peer):checked ~ *) { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .peer-placeholder-shown\:top-8:is(:where(.peer):placeholder-shown ~ *) { top: calc(var(--spacing) * 8); } .peer-placeholder-shown\:top-\[2\.2rem\]:is(:where(.peer):placeholder-shown ~ *) { top: 2.2rem; } .peer-placeholder-shown\:-translate-y-4:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(var(--spacing) * -4); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-placeholder-shown\:translate-y-0:is(:where(.peer):placeholder-shown ~ *) { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-placeholder-shown\:scale-100:is(:where(.peer):placeholder-shown ~ *) { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .peer-placeholder-shown\:text-component-input-content:is(:where(.peer):placeholder-shown ~ *) { color: var(--color-component-input-content); } .peer-placeholder-shown\:text-component-input-content-disabled:is(:where(.peer):placeholder-shown ~ *) { color: var(--color-component-input-content-disabled); } .peer-placeholder-shown\:text-input-dark-disabled-text:is(:where(.peer):placeholder-shown ~ *) { color: #71717a; } .peer-placeholder-shown\:text-input-dark-text:is(:where(.peer):placeholder-shown ~ *) { color: #fff; } .peer-placeholder-shown\:text-input-light-disabled-text:is(:where(.peer):placeholder-shown ~ *) { color: #a1a1aa; } .peer-placeholder-shown\:text-input-light-text:is(:where(.peer):placeholder-shown ~ *) { color: #000; } @media (hover: hover) { .peer-hover\:ring-component-input-border-hover:is(:where(.peer):hover ~ *) { --tw-ring-color: var(--color-component-input-border-hover); } .peer-hover\:ring-shade-40:is(:where(.peer):hover ~ *) { --tw-ring-color: var(--color-shade-40); } .peer-hover\:ring-shade-50:is(:where(.peer):hover ~ *) { --tw-ring-color: var(--color-shade-50); } .peer-checked\:peer-hover\:bg-component-input-selected-bg-hover:is(:where(.peer):checked ~ *):is(:where(.peer):hover ~ *) { background-color: var(--color-component-input-selected-bg-hover); } } .peer-focus\:-translate-y-1:is(:where(.peer):focus ~ *) { --tw-translate-y: calc(var(--spacing) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-focus\:-translate-y-full:is(:where(.peer):focus ~ *) { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-focus\:scale-75:is(:where(.peer):focus ~ *) { --tw-scale-x: 75%; --tw-scale-y: 75%; --tw-scale-z: 75%; scale: var(--tw-scale-x) var(--tw-scale-y); } .peer-focus\:text-component-input-label-content:is(:where(.peer):focus ~ *) { color: var(--color-component-input-label-content); } .peer-focus\:text-input-dark-label-text:is(:where(.peer):focus ~ *) { color: #ffffffb3; } .peer-focus\:text-input-light-label-text:is(:where(.peer):focus ~ *) { color: #0009; } .peer-focus-visible\:outline:is(:where(.peer):focus-visible ~ *) { outline-style: var(--tw-outline-style); outline-width: 1px; } .peer-focus-visible\:outline-2:is(:where(.peer):focus-visible ~ *) { outline-style: var(--tw-outline-style); outline-width: 2px; } .peer-focus-visible\:outline-offset-2:is(:where(.peer):focus-visible ~ *) { outline-offset: 2px; } .peer-focus-visible\:outline-component-input-border-focus:is(:where(.peer):focus-visible ~ *) { outline-color: var(--color-component-input-border-focus); } .peer-focus-visible\:outline-state-focus:is(:where(.peer):focus-visible ~ *) { outline-color: #751be9; } .peer-active\:ring-component-input-border-focus:is(:where(.peer):active ~ *) { --tw-ring-color: var(--color-component-input-border-focus); } .peer-active\:ring-shade-30:is(:where(.peer):active ~ *) { --tw-ring-color: var(--color-shade-30); } .peer-active\:ring-shade-70:is(:where(.peer):active ~ *) { --tw-ring-color: var(--color-shade-70); } .peer-checked\:peer-active\:bg-component-input-selected-bg-active:is(:where(.peer):checked ~ *):is(:where(.peer):active ~ *) { background-color: var(--color-component-input-selected-bg-active); } .peer-disabled\:pointer-events-none:is(:where(.peer):disabled ~ *) { pointer-events: none; } .peer-disabled\:bg-transparent:is(:where(.peer):disabled ~ *) { background-color: #0000; } .peer-disabled\:ring-component-input-border-disabled:is(:where(.peer):disabled ~ *) { --tw-ring-color: var(--color-component-input-border-disabled); } .peer-disabled\:ring-shade-30:is(:where(.peer):disabled ~ *) { --tw-ring-color: var(--color-shade-30); } .peer-disabled\:ring-shade-70:is(:where(.peer):disabled ~ *) { --tw-ring-color: var(--color-shade-70); } .peer-checked\:peer-disabled\:bg-component-input-selected-bg-disabled:is(:where(.peer):checked ~ *):is(:where(.peer):disabled ~ *) { background-color: var(--color-component-input-selected-bg-disabled); } .peer-disabled\:peer-checked\:bg-shade-30:is(:where(.peer):disabled ~ *):is(:where(.peer):checked ~ *) { background-color: var(--color-shade-30); } .peer-disabled\:peer-checked\:bg-shade-60:is(:where(.peer):disabled ~ *):is(:where(.peer):checked ~ *) { background-color: var(--color-shade-60); } .placeholder\:text-gray-400::placeholder { color: var(--color-gray-400); } .placeholder\:text-transparent::placeholder { color: #0000; } .before\:pointer-events-none:before { content: var(--tw-content); pointer-events: none; } .before\:absolute:before { content: var(--tw-content); position: absolute; } .before\:-inset-5:before { content: var(--tw-content); inset: calc(var(--spacing) * -5); } .before\:inset-0:before { content: var(--tw-content); inset: calc(var(--spacing) * 0); } .before\:inset-x-0:before { content: var(--tw-content); inset-inline: calc(var(--spacing) * 0); } .before\:start-0:before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } .before\:start-1\.5:before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 1.5); } .before\:start-\[3px\]:before { content: var(--tw-content); inset-inline-start: 3px; } .before\:-top-10:before { content: var(--tw-content); top: calc(var(--spacing) * -10); } .before\:top-0:before { content: var(--tw-content); top: calc(var(--spacing) * 0); } .before\:top-1:before { content: var(--tw-content); top: calc(var(--spacing) * 1); } .before\:top-3:before { content: var(--tw-content); top: calc(var(--spacing) * 3); } .before\:top-\[-1px\]:before { content: var(--tw-content); top: -1px; } .before\:top-\[1\/2\]:before { content: var(--tw-content); top: 1 / 2; } .before\:right-full:before { content: var(--tw-content); right: 100%; } .before\:bottom-0:before { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } .before\:left-0:before { content: var(--tw-content); left: calc(var(--spacing) * 0); } .before\:z-0:before { content: var(--tw-content); z-index: 0; } .before\:z-10:before { content: var(--tw-content); z-index: 10; } .before\:z-20:before { content: var(--tw-content); z-index: 20; } .before\:z-100:before { content: var(--tw-content); z-index: 100; } .before\:z-n1:before { content: var(--tw-content); z-index: var(--z-index-n1); } .before\:block:before { content: var(--tw-content); display: block; } .before\:flex:before { content: var(--tw-content); display: flex; } .before\:grid:before { content: var(--tw-content); display: grid; } .before\:h-0\.5:before { content: var(--tw-content); height: calc(var(--spacing) * .5); } .before\:h-1:before { content: var(--tw-content); height: calc(var(--spacing) * 1); } .before\:h-1\.5:before { content: var(--tw-content); height: calc(var(--spacing) * 1.5); } .before\:h-1\/2:before { content: var(--tw-content); height: 50%; } .before\:h-4xl:before { content: var(--tw-content); height: var(--spacing-4xl); } .before\:h-6:before { content: var(--tw-content); height: calc(var(--spacing) * 6); } .before\:h-10:before { content: var(--tw-content); height: calc(var(--spacing) * 10); } .before\:h-12:before { content: var(--tw-content); height: calc(var(--spacing) * 12); } .before\:h-\[22px\]:before { content: var(--tw-content); height: 22px; } .before\:h-\[calc\(100\%\+1px\)\]:before { content: var(--tw-content); height: calc(100% + 1px); } .before\:h-\[calc\(100\%\+12px\)\]:before { content: var(--tw-content); height: calc(100% + 12px); } .before\:h-full:before { content: var(--tw-content); height: 100%; } .before\:h-global-header-with-border:before { content: var(--tw-content); height: var(--spacing-global-header-with-border); } .before\:w-1\.5:before { content: var(--tw-content); width: calc(var(--spacing) * 1.5); } .before\:w-6:before { content: var(--tw-content); width: calc(var(--spacing) * 6); } .before\:w-\[1px\]:before { content: var(--tw-content); width: 1px; } .before\:w-\[18px\]:before { content: var(--tw-content); width: 18px; } .before\:w-\[100vw\]:before { content: var(--tw-content); width: 100vw; } .before\:w-\[calc\(100\%\+4rem\)\]:before { content: var(--tw-content); width: calc(100% + 4rem); } .before\:w-full:before { content: var(--tw-content); width: 100%; } .before\:w-px:before { content: var(--tw-content); width: 1px; } .before\:origin-left:before { content: var(--tw-content); transform-origin: 0; } .before\:origin-top:before { content: var(--tw-content); transform-origin: top; } .before\:origin-top-left:before { content: var(--tw-content); transform-origin: 0 0; } .before\:translate-\[-1\/2\]:before { content: var(--tw-content); --tw-translate-x: -1 / 2; --tw-translate-y: -1 / 2; translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:-translate-x-8:before { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:-translate-x-full:before { content: var(--tw-content); --tw-translate-x: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:-translate-y-12:before { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * -12); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:translate-y-1\/2:before { content: var(--tw-content); --tw-translate-y: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:translate-y-full:before { content: var(--tw-content); --tw-translate-y: 100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:translate-y-global-header:before { content: var(--tw-content); --tw-translate-y: var(--spacing-global-header); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:scale-x-0:before { content: var(--tw-content); --tw-scale-x: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .before\:scale-x-100:before { content: var(--tw-content); --tw-scale-x: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .before\:scale-y-0:before { content: var(--tw-content); --tw-scale-y: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .before\:scale-y-100:before { content: var(--tw-content); --tw-scale-y: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .before\:place-items-center:before { content: var(--tw-content); place-items: center; } .before\:items-start:before { content: var(--tw-content); align-items: flex-start; } .before\:justify-center:before { content: var(--tw-content); justify-content: center; } .before\:rounded-full:before { content: var(--tw-content); border-radius: 3.40282e38px; } .before\:rounded-xl:before { content: var(--tw-content); border-radius: var(--radius-xl); } .before\:border-y:before { content: var(--tw-content); border-block-style: var(--tw-border-style); border-block-width: 1px; } .before\:border-t:before { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 1px; } .before\:border-b:before { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .before\:border-black\/20:before { content: var(--tw-content); border-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .before\:border-black\/20:before { border-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .before\:border-component-header-content:before { content: var(--tw-content); border-color: var(--color-component-header-content); } .before\:border-white\/20:before { content: var(--tw-content); border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .before\:border-white\/20:before { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .before\:bg-\[\#1C2C30\]:before { content: var(--tw-content); background-color: #1c2c30; } .before\:bg-\[\#051517\]:before { content: var(--tw-content); background-color: #051517; } .before\:bg-\[\#F1F2F4\]:before { content: var(--tw-content); background-color: #f1f2f4; } .before\:bg-\[\#a1a1aa\]:before { content: var(--tw-content); background-color: #a1a1aa; } .before\:bg-\[\#d4d4d8\]:before { content: var(--tw-content); background-color: #d4d4d8; } .before\:bg-\[\#f4f4f5\]:before { content: var(--tw-content); background-color: #f4f4f5; } .before\:bg-\[\#fafafa\]:before { content: var(--tw-content); background-color: #fafafa; } .before\:bg-aloe-30:before { content: var(--tw-content); background-color: var(--color-aloe-30); } .before\:bg-component-header-content:before { content: var(--tw-content); background-color: var(--color-component-header-content); } .before\:bg-component-slideshow-progress-bar-active:before { content: var(--tw-content); background-color: var(--color-component-slideshow-progress-bar-active); } .before\:bg-pistachio-10:before { content: var(--tw-content); background-color: var(--color-pistachio-10); } .before\:bg-progress-bar:before { content: var(--tw-content); background-color: #95bf47; } .before\:bg-shade-30:before { content: var(--tw-content); background-color: var(--color-shade-30); } .before\:bg-shopify-green-50:before { content: var(--tw-content); background-color: var(--color-shopify-green-50); } .before\:bg-theme-bg-surface-2:before { content: var(--tw-content); background-color: var(--color-theme-bg-surface-2); } .before\:bg-gradient-to-b:before { content: var(--tw-content); --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .before\:bg-\[linear-gradient\(180deg\,\#02090A_0px\,transparent_40px\)\]:before { content: var(--tw-content); background-image: linear-gradient(#02090a 0, #0000 40px); } .before\:bg-\[linear-gradient\(180deg\,\#fff_0px\,transparent_40px\)\]:before { content: var(--tw-content); background-image: linear-gradient(#fff 0, #0000 40px); } .before\:bg-bb-glow:before { content: var(--tw-content); background-image: conic-gradient(from var(--angle) at 50% 50%, #a1ce92 0deg, #9bcca7 90deg, #91c7b6 180deg, #809c6b 270deg, #a1ce92 360deg); } .before\:bg-bb-plus-glow:before { content: var(--tw-content); background-image: conic-gradient(from var(--angle) at 50% 50%, #60a5fa 0deg, #3b82f6 60deg, #e2e8f0 120deg, #60a5fa 180deg, #3b82f6 240deg, #e2e8f0 300deg, #60a5fa 360deg); } .before\:from-component-header-bg:before { content: var(--tw-content); --tw-gradient-from: var(--color-component-header-bg); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .before\:from-transparent:before { content: var(--tw-content); --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .before\:to-black:before { content: var(--tw-content); --tw-gradient-to: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .before\:to-transparent:before { content: var(--tw-content); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .before\:to-white:before { content: var(--tw-content); --tw-gradient-to: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .before\:pt-\[4\.5px\]:before { content: var(--tw-content); padding-top: 4.5px; } .before\:pr-0:before { content: var(--tw-content); padding-right: calc(var(--spacing) * 0); } .before\:pl-0:before { content: var(--tw-content); padding-left: calc(var(--spacing) * 0); } .before\:text-center:before { content: var(--tw-content); text-align: center; } .before\:text-xs:before { content: var(--tw-content); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .before\:font-semibold:before { content: var(--tw-content); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .before\:text-\[\#616A75\]:before { content: var(--tw-content); color: #616a75; } .before\:opacity-0:before { content: var(--tw-content); opacity: 0; } .before\:opacity-50:before { content: var(--tw-content); opacity: .5; } .before\:opacity-100:before { content: var(--tw-content); opacity: 1; } .before\:shadow-xl:before { content: var(--tw-content); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .before\:ring-2:before { content: var(--tw-content); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .before\:ring-black:before { content: var(--tw-content); --tw-ring-color: var(--color-black); } .before\:ring-white:before { content: var(--tw-content); --tw-ring-color: var(--color-white); } .before\:blur-sm:before { content: var(--tw-content); --tw-blur: blur(var(--blur-sm)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .before\:transition-all:before { content: var(--tw-content); transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:transition-opacity:before { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:transition-transform:before { content: var(--tw-content); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .before\:transition-none:before { content: var(--tw-content); transition-property: none; } .before\:delay-\[350ms\]:before { content: var(--tw-content); transition-delay: .35s; } .before\:duration-100:before { content: var(--tw-content); --tw-duration: .1s; transition-duration: .1s; } .before\:duration-200:before { content: var(--tw-content); --tw-duration: .2s; transition-duration: .2s; } .before\:duration-300:before { content: var(--tw-content); --tw-duration: .3s; transition-duration: .3s; } .before\:duration-500:before { content: var(--tw-content); --tw-duration: .5s; transition-duration: .5s; } .before\:duration-\[8000ms\]:before { content: var(--tw-content); --tw-duration: 8s; transition-duration: 8s; } .before\:duration-\[15000ms\]:before { content: var(--tw-content); --tw-duration: 15s; transition-duration: 15s; } .before\:duration-\[var\(--slideshow-duration\)\]:before { content: var(--tw-content); --tw-duration: var(--slideshow-duration); transition-duration: var(--slideshow-duration); } .before\:ease-linear:before { content: var(--tw-content); --tw-ease: linear; transition-timing-function: linear; } .before\:content-\[\"TwoColumn\.Col1\"\]:before { --tw-content: "TwoColumn.Col1"; content: var(--tw-content); } .before\:content-\[\"TwoColumn\.Col2\"\]:before { --tw-content: "TwoColumn.Col2"; content: var(--tw-content); } .before\:content-\[\"topSpacing\"\]:before { --tw-content: "topSpacing"; content: var(--tw-content); } .before\:content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content); } .before\:content-\[counter\(list-counter\)\'\.\'\]:before { --tw-content: counter(list-counter) "."; content: var(--tw-content); } .before\:content-\[counter\(list-counter\)\]:before { --tw-content: counter(list-counter); content: var(--tw-content); } .before\:content-\[open-quote\]:before { --tw-content: open-quote; content: var(--tw-content); } .peer-checked\:before\:translate-x-1:is(:where(.peer):checked ~ *):before { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:before\:rotate-45:is(:where(.peer):checked ~ *):before { content: var(--tw-content); rotate: 45deg; } .after\:pointer-events-none:after { content: var(--tw-content); pointer-events: none; } .after\:absolute:after { content: var(--tw-content); position: absolute; } .after\:relative:after { content: var(--tw-content); position: relative; } .after\:inset-0:after { content: var(--tw-content); inset: calc(var(--spacing) * 0); } .after\:start-0:after { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } .after\:top-0:after { content: var(--tw-content); top: calc(var(--spacing) * 0); } .after\:top-1:after { content: var(--tw-content); top: calc(var(--spacing) * 1); } .after\:top-6:after { content: var(--tw-content); top: calc(var(--spacing) * 6); } .after\:top-\[-1px\]:after { content: var(--tw-content); top: -1px; } .after\:top-\[-5px\]:after { content: var(--tw-content); top: -5px; } .after\:right-0:after { content: var(--tw-content); right: calc(var(--spacing) * 0); } .after\:right-\[-5px\]:after { content: var(--tw-content); right: -5px; } .after\:bottom-0:after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } .after\:left-0:after { content: var(--tw-content); left: calc(var(--spacing) * 0); } .after\:left-\[11px\]:after { content: var(--tw-content); left: 11px; } .after\:left-full:after { content: var(--tw-content); left: 100%; } .after\:z-0:after { content: var(--tw-content); z-index: 0; } .after\:z-10:after { content: var(--tw-content); z-index: 10; } .after\:z-n1:after { content: var(--tw-content); z-index: var(--z-index-n1); } .after\:mt-md:after { content: var(--tw-content); margin-top: var(--spacing-md); } .after\:mb-4:after { content: var(--tw-content); margin-bottom: calc(var(--spacing) * 4); } .after\:ml-4:after { content: var(--tw-content); margin-left: calc(var(--spacing) * 4); } .after\:block:after { content: var(--tw-content); display: block; } .after\:flex:after { content: var(--tw-content); display: flex; } .after\:hidden:after { content: var(--tw-content); display: none; } .after\:h-0:after { content: var(--tw-content); height: calc(var(--spacing) * 0); } .after\:h-0\.5:after { content: var(--tw-content); height: calc(var(--spacing) * .5); } .after\:h-3:after { content: var(--tw-content); height: calc(var(--spacing) * 3); } .after\:h-4:after { content: var(--tw-content); height: calc(var(--spacing) * 4); } .after\:h-4xl:after { content: var(--tw-content); height: var(--spacing-4xl); } .after\:h-8:after { content: var(--tw-content); height: calc(var(--spacing) * 8); } .after\:h-11:after { content: var(--tw-content); height: calc(var(--spacing) * 11); } .after\:h-\[3px\]:after { content: var(--tw-content); height: 3px; } .after\:h-\[10px\]:after { content: var(--tw-content); height: 10px; } .after\:h-\[50px\]:after { content: var(--tw-content); height: 50px; } .after\:h-\[calc\(100\%\+1px\)\]:after { content: var(--tw-content); height: calc(100% + 1px); } .after\:h-\[calc\(100\%-8px\)\]:after { content: var(--tw-content); height: calc(100% - 8px); } .after\:h-full:after { content: var(--tw-content); height: 100%; } .after\:h-px:after { content: var(--tw-content); height: 1px; } .after\:max-h-0:after { content: var(--tw-content); max-height: calc(var(--spacing) * 0); } .after\:max-h-\[50px\]:after { content: var(--tw-content); max-height: 50px; } .after\:w-0\.5:after { content: var(--tw-content); width: calc(var(--spacing) * .5); } .after\:w-3:after { content: var(--tw-content); width: calc(var(--spacing) * 3); } .after\:w-4:after { content: var(--tw-content); width: calc(var(--spacing) * 4); } .after\:w-\[10px\]:after { content: var(--tw-content); width: 10px; } .after\:w-\[18px\]:after { content: var(--tw-content); width: 18px; } .after\:w-\[100vw\]:after { content: var(--tw-content); width: 100vw; } .after\:w-full:after { content: var(--tw-content); width: 100%; } .after\:origin-bottom-left:after { content: var(--tw-content); transform-origin: 0 100%; } .after\:origin-left:after { content: var(--tw-content); transform-origin: 0; } .after\:scale-0:after { content: var(--tw-content); --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .after\:scale-100:after { content: var(--tw-content); --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .after\:rotate-45:after { content: var(--tw-content); rotate: 45deg; } .after\:items-end:after { content: var(--tw-content); align-items: flex-end; } .after\:justify-center:after { content: var(--tw-content); justify-content: center; } .after\:rounded-full:after { content: var(--tw-content); border-radius: 3.40282e38px; } .after\:rounded-xl:after { content: var(--tw-content); border-radius: var(--radius-xl); } .after\:border-t:after { content: var(--tw-content); border-top-style: var(--tw-border-style); border-top-width: 1px; } .after\:border-b:after { content: var(--tw-content); border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .after\:border-black\/20:after { content: var(--tw-content); border-color: #0003; } @supports (color: color-mix(in lab, red, red)) { .after\:border-black\/20:after { border-color: color-mix(in oklab, var(--color-black) 20%, transparent); } } .after\:border-white\/20:after { content: var(--tw-content); border-color: #fff3; } @supports (color: color-mix(in lab, red, red)) { .after\:border-white\/20:after { border-color: color-mix(in oklab, var(--color-white) 20%, transparent); } } .after\:bg-\[\#1C2C30\]:after { content: var(--tw-content); background-color: #1c2c30; } .after\:bg-\[\#121C1E\]:after { content: var(--tw-content); background-color: #121c1e; } .after\:bg-\[\#F1F2F4\]:after { content: var(--tw-content); background-color: #f1f2f4; } .after\:bg-\[\#d4d4d8\]:after { content: var(--tw-content); background-color: #d4d4d8; } .after\:bg-\[\#f4f4f5\]:after { content: var(--tw-content); background-color: #f4f4f5; } .after\:bg-black:after { content: var(--tw-content); background-color: var(--color-black); } .after\:bg-component-header-bg:after { content: var(--tw-content); background-color: var(--color-component-header-bg); } .after\:bg-component-header-content:after { content: var(--tw-content); background-color: var(--color-component-header-content); } .after\:bg-current:after { content: var(--tw-content); background-color: currentColor; } .after\:bg-pistachio-10:after { content: var(--tw-content); background-color: var(--color-pistachio-10); } .after\:bg-rich-black:after { content: var(--tw-content); background-color: var(--color-rich-black); } .after\:bg-shade-20:after { content: var(--tw-content); background-color: var(--color-shade-20); } .after\:bg-theme-bg-surface-2:after { content: var(--tw-content); background-color: var(--color-theme-bg-surface-2); } .after\:bg-white:after { content: var(--tw-content); background-color: var(--color-white); } .after\:bg-gradient-to-b:after { content: var(--tw-content); --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .after\:from-black:after { content: var(--tw-content); --tw-gradient-from: var(--color-black); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .after\:from-white:after { content: var(--tw-content); --tw-gradient-from: var(--color-white); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .after\:to-transparent:after { content: var(--tw-content); --tw-gradient-to: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .after\:opacity-0:after { content: var(--tw-content); opacity: 0; } .after\:opacity-50:after { content: var(--tw-content); opacity: .5; } .after\:opacity-100:after { content: var(--tw-content); opacity: 1; } .after\:transition-colors:after { content: var(--tw-content); transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:transition-opacity:after { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:transition-transform:after { content: var(--tw-content); transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .after\:delay-0:after { content: var(--tw-content); transition-delay: 0s; } .after\:delay-\[350ms\]:after { content: var(--tw-content); transition-delay: .35s; } .after\:duration-200:after { content: var(--tw-content); --tw-duration: .2s; transition-duration: .2s; } .after\:duration-300:after { content: var(--tw-content); --tw-duration: .3s; transition-duration: .3s; } .after\:duration-500:after { content: var(--tw-content); --tw-duration: .5s; transition-duration: .5s; } .after\:duration-\[350ms\]:after { content: var(--tw-content); --tw-duration: .35s; transition-duration: .35s; } .after\:content-\[\"\"\]:after { --tw-content: ""; content: var(--tw-content); } .after\:content-\[\"bottomSpacing\"\]:after { --tw-content: "bottomSpacing"; content: var(--tw-content); } .after\:content-\[\'\'\]:after { --tw-content: ""; content: var(--tw-content); } .after\:content-\[close-quote\]:after { --tw-content: close-quote; content: var(--tw-content); } .after\:content-accordion-collapse:after { --tw-content: url("https://cdn.shopify.com/b/shopify-brochure2-assets/fec744bb3c963a0aeba907847c22aac5.svgz"); content: var(--tw-content); content: var(--tw-content); } .after\:content-accordion-expand:after { --tw-content: url("https://cdn.shopify.com/b/shopify-brochure2-assets/80a4fb241c4267dd2e65f9648d5af2ba.svgz"); content: var(--tw-content); content: var(--tw-content); } .after\:\[transition\:height_400ms_linear\,max-height_0s_400ms_linear\]:after { content: var(--tw-content); transition: height .4s linear, max-height 0s linear .4s; } @supports not (container-type: scroll-state) { .not-supports-\[container-type\:scroll-state\]\:after\:opacity-100:after { content: var(--tw-content); opacity: 1; } } .peer-checked\:after\:translate-x-1:is(:where(.peer):checked ~ *):after { content: var(--tw-content); --tw-translate-x: calc(var(--spacing) * 1); translate: var(--tw-translate-x) var(--tw-translate-y); } .peer-checked\:after\:-rotate-45:is(:where(.peer):checked ~ *):after { content: var(--tw-content); rotate: -45deg; } .first\:mt-3:first-child { margin-top: calc(var(--spacing) * 3); } .first\:mt-4:first-child { margin-top: calc(var(--spacing) * 4); } .first\:pt-0:first-child { padding-top: calc(var(--spacing) * 0); } .first\:before\:top-1\.5:first-child:before { content: var(--tw-content); top: calc(var(--spacing) * 1.5); } .last\:-mb-1\.5:last-child { margin-bottom: calc(var(--spacing) * -1.5); } .last\:border-0:last-child { border-style: var(--tw-border-style); border-width: 0; } .last\:border-b-0:last-child { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .last\:border-none:last-child { --tw-border-style: none; border-style: none; } .last\:pb-0:last-child { padding-bottom: calc(var(--spacing) * 0); } .last\:before\:hidden:last-child:before, .last\:after\:hidden:last-child:after { content: var(--tw-content); display: none; } :where(.default\:border-collapse) { border-collapse: collapse; } :where(.default\:ring-component-input-border) { --tw-ring-color: var(--color-component-input-border); } :where(.default\:ring-component-select-border) { --tw-ring-color: var(--color-component-select-border); } :where(.default\:ring-input-dark-border) { --tw-ring-color: #fff3; } :where(.default\:ring-input-light-border) { --tw-ring-color: #d4d4d8; } .checked\:border-4:checked { border-style: var(--tw-border-style); border-width: 4px; } .checked\:bg-input-dark-bg:checked { background-color: #ffffff26; } .checked\:bg-input-light-bg:checked { background-color: #fff; } .checked\:ring-0:checked { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } :where(.default\:checked\:border-component-input-selected-border):checked { border-color: var(--color-component-input-selected-border); } :where(.default\:checked\:border-radio-dark-checked-border):checked { border-color: #978de7; } :where(.default\:checked\:border-radio-light-checked-border):checked { border-color: #3525c1; } .focus-within\:ring-1:focus-within { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus-within\:ring-component-carousel-border-focus:focus-within { --tw-ring-color: var(--color-component-carousel-border-focus); } .focus-within\:ring-component-input-border-focus:focus-within { --tw-ring-color: var(--color-component-input-border-focus); } .focus-within\:ring-component-select-border-focus:focus-within { --tw-ring-color: var(--color-component-select-border-focus); } .focus-within\:ring-input-dark-active-border:focus-within { --tw-ring-color: #fffc; } .focus-within\:ring-shade-40\/50:focus-within { --tw-ring-color: #a1a1aa80; } @supports (color: color-mix(in lab, red, red)) { .focus-within\:ring-shade-40\/50:focus-within { --tw-ring-color: color-mix(in oklab, var(--color-shade-40) 50%, transparent); } } .focus-within\:ring-state-focus:focus-within { --tw-ring-color: #751be9; } .focus-within\:outline-0:focus-within { outline-style: var(--tw-outline-style); outline-width: 0; } .focus-within\:drop-shadow-lg:focus-within { --tw-drop-shadow-size: drop-shadow(0 4px 4px var(--tw-drop-shadow-color, #00000026)); --tw-drop-shadow: drop-shadow(var(--drop-shadow-lg)); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .focus-within\:before\:opacity-100:focus-within:before { content: var(--tw-content); opacity: 1; } @media (hover: hover) { .hover\:z-40:hover { z-index: 40; } .hover\:scale-110:hover { --tw-scale-x: 110%; --tw-scale-y: 110%; --tw-scale-z: 110%; scale: var(--tw-scale-x) var(--tw-scale-y); } .hover\:scale-\[1\.08\]:hover { scale: 1.08; } .hover\:border-\[\#87909B\]:hover { border-color: #87909b; } .hover\:border-\[\#CCCCCC\]:hover { border-color: #ccc; } .hover\:border-black:hover { border-color: var(--color-black); } .hover\:border-button-dark-primary-border-hover:hover { border-color: var(--color-button-dark-primary-border-hover); } .hover\:border-button-dark-secondary-border-hover:hover { border-color: var(--color-button-dark-secondary-border-hover); } .hover\:border-button-light-primary-border-hover:hover { border-color: var(--color-button-light-primary-border-hover); } .hover\:border-button-light-secondary-border-hover:hover { border-color: var(--color-button-light-secondary-border-hover); } .hover\:border-component-button-interface-secondary-border-hover:hover { border-color: var(--color-component-button-interface-secondary-border-hover); } .hover\:border-component-button-primary-border-hover:hover { border-color: var(--color-component-button-primary-border-hover); } .hover\:border-component-button-secondary-border-hover:hover { border-color: var(--color-component-button-secondary-border-hover); } .hover\:border-component-input-border-disabled:hover { border-color: var(--color-component-input-border-disabled); } .hover\:border-component-input-border-hover:hover { border-color: var(--color-component-input-border-hover); } .hover\:border-white:hover { border-color: var(--color-white); } .hover\:bg-\[\#4A4A4A\]:hover { background-color: #4a4a4a; } .hover\:bg-\[\#8F66FF\]:hover { background-color: #8f66ff; } .hover\:bg-\[\#015860\]:hover { background-color: #015860; } .hover\:bg-\[\#556643\]:hover { background-color: #556643; } .hover\:bg-\[\#A30A24\]:hover { background-color: #a30a24; } .hover\:bg-\[\#CDC8BB\]:hover { background-color: #cdc8bb; } .hover\:bg-\[\#DCE3F5\]:hover { background-color: #dce3f5; } .hover\:bg-\[\#F1F1F1\]:hover { background-color: #f1f1f1; } .hover\:bg-\[\#F7F7EE\]:hover { background-color: #f7f7ee; } .hover\:bg-\[\#F7F7F7\]:hover { background-color: #f7f7f7; } .hover\:bg-\[\#F7F8F5\]:hover { background-color: #f7f8f5; } .hover\:bg-\[\#F9FAFB\]:hover { background-color: #f9fafb; } .hover\:bg-\[\#FAFAFA\]:hover { background-color: #fafafa; } .hover\:bg-\[var\(--bb-accent-hover\)\]:hover { background-color: var(--bb-accent-hover); } .hover\:bg-black\/5:hover { background-color: #0000000d; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/5:hover { background-color: color-mix(in oklab, var(--color-black) 5%, transparent); } } .hover\:bg-black\/10:hover { background-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/10:hover { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .hover\:bg-black\/70:hover { background-color: #000000b3; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-black\/70:hover { background-color: color-mix(in oklab, var(--color-black) 70%, transparent); } } .hover\:bg-brochure-bot-green-dark-hover:hover { background-color: #556643; } .hover\:bg-brochure-bot-green-light-hover:hover { background-color: #f7f8f5; } .hover\:bg-brochure-bot-plus-blue-dark-hover:hover { background-color: #0a2c7f; } .hover\:bg-brochure-bot-plus-blue-light-hover:hover { background-color: #f8f9fc; } .hover\:bg-button-dark-primary-bg-disabled:hover { background-color: var(--color-button-dark-primary-bg-disabled); } .hover\:bg-button-dark-primary-bg-hover:hover { background-color: var(--color-button-dark-primary-bg-hover); } .hover\:bg-button-dark-secondary-bg-hover:hover { background-color: var(--color-button-dark-secondary-bg-hover); } .hover\:bg-button-light-primary-bg-disabled:hover { background-color: var(--color-button-light-primary-bg-disabled); } .hover\:bg-button-light-primary-bg-hover:hover { background-color: var(--color-button-light-primary-bg-hover); } .hover\:bg-button-light-secondary-bg-hover:hover { background-color: var(--color-button-light-secondary-bg-hover); } .hover\:bg-component-button-interface-primary-bg-hover:hover { background-color: var(--color-component-button-interface-primary-bg-hover); } .hover\:bg-component-button-primary-bg-disabled:hover { background-color: var(--color-component-button-primary-bg-disabled); } .hover\:bg-component-button-primary-bg-hover:hover { background-color: var(--color-component-button-primary-bg-hover); } .hover\:bg-component-button-secondary-bg-hover:hover { background-color: var(--color-component-button-secondary-bg-hover); } .hover\:bg-component-pagination-option-bg-hover:hover { background-color: var(--color-component-pagination-option-bg-hover); } .hover\:bg-gray-100:hover { background-color: var(--color-gray-100); } .hover\:bg-gray-200:hover { background-color: var(--color-gray-200); } .hover\:bg-pagination-option-dark-bg-hover:hover { background-color: #ffffff26; } .hover\:bg-pagination-option-light-bg-hover:hover { background-color: #e4e4e7; } .hover\:bg-purple-700:hover { background-color: var(--color-purple-700); } .hover\:bg-shade-10:hover { background-color: var(--color-shade-10); } .hover\:bg-shade-30:hover { background-color: var(--color-shade-30); } .hover\:bg-shade-70:hover { background-color: var(--color-shade-70); } .hover\:bg-transparent:hover { background-color: #0000; } .hover\:bg-white\/\[\.15\]:hover { background-color: #ffffff26; } @supports (color: color-mix(in lab, red, red)) { .hover\:bg-white\/\[\.15\]:hover { background-color: color-mix(in oklab, var(--color-white) 15%, transparent); } } .hover\:from-\[\#444444\]:hover { --tw-gradient-from: #444; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:to-\[\#444444\]:hover { --tw-gradient-to: #444; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .hover\:fill-\[\#136F45\]:hover { fill: #136f45; } .hover\:fill-\[\#B5260B\]:hover { fill: #b5260b; } .hover\:fill-shade-30:hover { fill: var(--color-shade-30); } .hover\:fill-shade-70:hover { fill: var(--color-shade-70); } .hover\:text-\[\#015860\]:hover { color: #015860; } .hover\:text-\[\#292919\]:hover { color: #292919; } .hover\:text-\[\#F7F7EE\]:hover { color: #f7f7ee; } .hover\:text-black:hover { color: var(--color-black); } .hover\:text-button-dark-primary-bg-hover\!:hover { color: var(--color-button-dark-primary-bg-hover) !important; } .hover\:text-button-dark-primary-text-hover:hover { color: var(--color-button-dark-primary-text-hover); } .hover\:text-button-dark-secondary-text-hover:hover { color: var(--color-button-dark-secondary-text-hover); } .hover\:text-button-light-primary-text-hover:hover { color: var(--color-button-light-primary-text-hover); } .hover\:text-button-light-secondary-text-hover:hover { color: var(--color-button-light-secondary-text-hover); } .hover\:text-component-button-primary-content-hover:hover { color: var(--color-component-button-primary-content-hover); } .hover\:text-component-button-secondary-content-hover:hover { color: var(--color-component-button-secondary-content-hover); } .hover\:text-component-link-content-hover:hover { color: var(--color-component-link-content-hover); } .hover\:text-link-dark-hover:hover { color: var(--color-link-dark-hover); } .hover\:text-link-light-hover:hover { color: #3f3f46; } .hover\:text-pagination-option-dark-text-hover:hover { color: #fff; } .hover\:text-pagination-option-light-text-hover:hover { color: #000; } .hover\:text-shade-30:hover { color: var(--color-shade-30); } .hover\:text-shade-70:hover { color: var(--color-shade-70); } .hover\:text-shade-80:hover { color: var(--color-shade-80); } .hover\:text-white:hover { color: var(--color-white); } .hover\:no-underline:hover { text-decoration-line: none; } .hover\:underline:hover { text-decoration-line: underline; } .hover\:decoration-transparent:hover { text-decoration-color: #0000; } .hover\:\!opacity-100:hover { opacity: 1 !important; } .hover\:opacity-70:hover { opacity: .7; } .hover\:opacity-100:hover { opacity: 1; } .hover\:ring-0:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:ring-1:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .hover\:ring-button-dark-primary-border-hover:hover { --tw-ring-color: var(--color-button-dark-primary-border-hover); } .hover\:ring-button-dark-secondary-border-hover:hover { --tw-ring-color: var(--color-button-dark-secondary-border-hover); } .hover\:ring-button-light-primary-border-hover:hover { --tw-ring-color: var(--color-button-light-primary-border-hover); } .hover\:ring-button-light-secondary-border-hover:hover { --tw-ring-color: var(--color-button-light-secondary-border-hover); } .hover\:ring-component-button-primary-border-hover:hover { --tw-ring-color: var(--color-component-button-primary-border-hover); } .hover\:ring-component-button-secondary-border-hover:hover { --tw-ring-color: var(--color-component-button-secondary-border-hover); } .hover\:ring-component-input-border-disabled:hover { --tw-ring-color: var(--color-component-input-border-disabled); } .hover\:ring-component-input-border-hover:hover { --tw-ring-color: var(--color-component-input-border-hover); } .hover\:ring-component-select-border-hover:hover { --tw-ring-color: var(--color-component-select-border-hover); } .hover\:ring-input-dark-disabled-border:hover { --tw-ring-color: #ffffff1a; } .hover\:ring-input-dark-hover-border:hover { --tw-ring-color: #ffffff80; } .hover\:ring-input-light-border-hover:hover { --tw-ring-color: #71717a; } .hover\:ring-input-light-disabled-border:hover { --tw-ring-color: #d4d4d8; } .hover\:ring-radio-dark-hover-border:hover { --tw-ring-color: #a1a1aa; } .hover\:grayscale-0:hover { --tw-grayscale: grayscale(0%); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .hover\:animation-pause:hover { animation-play-state: paused; } .peer-checked\:hover\:bg-lavender-50:is(:where(.peer):checked ~ *):hover { background-color: var(--color-lavender-50); } .peer-disabled\:hover\:opacity-100:is(:where(.peer):disabled ~ *):hover { opacity: 1; } .hover\:before\:pointer-events-auto:hover:before { content: var(--tw-content); pointer-events: auto; } .hover\:before\:bg-\[\#008060\]:hover:before { content: var(--tw-content); background-color: #008060; } .hover\:before\:bg-white:hover:before { content: var(--tw-content); background-color: var(--color-white); } .hover\:after\:bg-\[\#36F4A4\]:hover:after { content: var(--tw-content); background-color: #36f4a4; } .hover\:after\:bg-\[\#008060\]:hover:after { content: var(--tw-content); background-color: #008060; } .hover\:checked\:border-component-input-selected-border-hover:hover:checked { border-color: var(--color-component-input-selected-border-hover); } .hover\:checked\:border-radio-dark-checked-hover-border:hover:checked, .hover\:checked\:border-radio-light-checked-hover-border:hover:checked { border-color: #6052da; } .focus-within\:hover\:ring-component-input-border-focus:focus-within:hover { --tw-ring-color: var(--color-component-input-border-focus); } .focus-within\:hover\:ring-input-dark-active-border:focus-within:hover { --tw-ring-color: #fffc; } .hover\:focus-within\:ring-component-input-border-focus:hover:focus-within { --tw-ring-color: var(--color-component-input-border-focus); } .hover\:focus-within\:ring-component-select-border-focus:hover:focus-within { --tw-ring-color: var(--color-component-select-border-focus); } .hover\:focus-within\:ring-state-focus:hover:focus-within { --tw-ring-color: #751be9; } } .focus\:translate-y-0:focus { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .focus\:border-black:focus { border-color: var(--color-black); } .focus\:border-button-dark-primary-border-focus:focus { border-color: var(--color-button-dark-primary-border-focus); } .focus\:border-button-dark-secondary-border-focus:focus { border-color: var(--color-button-dark-secondary-border-focus); } .focus\:border-button-light-primary-border-focus:focus { border-color: var(--color-button-light-primary-border-focus); } .focus\:border-button-light-secondary-border-focus:focus { border-color: var(--color-button-light-secondary-border-focus); } .focus\:border-white:focus { border-color: var(--color-white); } .focus\:bg-\[\#DCE3F5\]:focus { background-color: #dce3f5; } .focus\:bg-\[\#F1F1F1\]:focus { background-color: #f1f1f1; } .focus\:bg-black\/10:focus { background-color: #0000001a; } @supports (color: color-mix(in lab, red, red)) { .focus\:bg-black\/10:focus { background-color: color-mix(in oklab, var(--color-black) 10%, transparent); } } .focus\:bg-button-dark-primary-bg-focus:focus { background-color: var(--color-button-dark-primary-bg-focus); } .focus\:bg-button-dark-secondary-bg-focus:focus { background-color: var(--color-button-dark-secondary-bg-focus); } .focus\:bg-button-light-primary-bg-focus:focus { background-color: var(--color-button-light-primary-bg-focus); } .focus\:bg-button-light-secondary-bg-focus:focus { background-color: var(--color-button-light-secondary-bg-focus); } .focus\:bg-component-pagination-option-bg-focus:focus { background-color: var(--color-component-pagination-option-bg-focus); } .focus\:bg-gray-200:focus { background-color: var(--color-gray-200); } .focus\:bg-pagination-option-dark-bg-hover:focus { background-color: #ffffff26; } .focus\:bg-pagination-option-light-bg-hover:focus { background-color: #e4e4e7; } .focus\:bg-transparent:focus { background-color: #0000; } .focus\:fill-black:focus { fill: var(--color-black); } .focus\:text-black:focus { color: var(--color-black); } .focus\:text-button-dark-primary-text-focus:focus { color: var(--color-button-dark-primary-text-focus); } .focus\:text-button-dark-secondary-text-focus:focus { color: var(--color-button-dark-secondary-text-focus); } .focus\:text-button-light-primary-text-focus:focus { color: var(--color-button-light-primary-text-focus); } .focus\:text-button-light-secondary-text-focus:focus { color: var(--color-button-light-secondary-text-focus); } .focus\:text-link-dark-focus:focus { color: var(--color-link-dark-focus); } .focus\:text-link-light-focus:focus { color: #000; } .focus\:text-pagination-option-dark-text-hover:focus { color: #fff; } .focus\:text-pagination-option-light-text-hover:focus { color: #000; } .focus\:text-white:focus { color: var(--color-white); } .focus\:shadow-\[0_0_0_2px\]:focus { --tw-shadow: 0 0 0 2px var(--tw-shadow-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .focus\:shadow-legacy-cyan-20:focus { --tw-shadow-color: #b9f0e9; } @supports (color: color-mix(in lab, red, red)) { .focus\:shadow-legacy-cyan-20:focus { --tw-shadow-color: color-mix(in oklab, #b9f0e9 var(--tw-shadow-alpha), transparent); } } .focus\:shadow-legacy-green-70:focus { --tw-shadow-color: #008060; } @supports (color: color-mix(in lab, red, red)) { .focus\:shadow-legacy-green-70:focus { --tw-shadow-color: color-mix(in oklab, #008060 var(--tw-shadow-alpha), transparent); } } .focus\:shadow-legacy-pink-70:focus { --tw-shadow-color: #c43256; } @supports (color: color-mix(in lab, red, red)) { .focus\:shadow-legacy-pink-70:focus { --tw-shadow-color: color-mix(in oklab, #c43256 var(--tw-shadow-alpha), transparent); } } .focus\:ring-button-dark-primary-border-focus:focus { --tw-ring-color: var(--color-button-dark-primary-border-focus); } .focus\:ring-button-dark-secondary-border-focus:focus { --tw-ring-color: var(--color-button-dark-secondary-border-focus); } .focus\:ring-button-light-primary-border-focus:focus { --tw-ring-color: var(--color-button-light-primary-border-focus); } .focus\:ring-button-light-secondary-border-focus:focus { --tw-ring-color: var(--color-button-light-secondary-border-focus); } .focus\:outline-state-focus:focus { outline-color: #751be9; } .focus\:outline-none:focus { --tw-outline-style: none; outline-style: none; } .focus-visible\:border-component-input-border-focus:focus-visible { border-color: var(--color-component-input-border-focus); } .focus-visible\:outline:focus-visible { outline-style: var(--tw-outline-style); outline-width: 1px; } .focus-visible\:outline-0:focus-visible { outline-style: var(--tw-outline-style); outline-width: 0; } .focus-visible\:outline-2:focus-visible { outline-style: var(--tw-outline-style); outline-width: 2px; } .focus-visible\:outline-offset-2:focus-visible { outline-offset: 2px; } .focus-visible\:outline-state-focus:focus-visible { outline-color: #751be9; } .focus-visible\:outline-none:focus-visible { --tw-outline-style: none; outline-style: none; } .active\:border-button-dark-primary-border-active:active { border-color: var(--color-button-dark-primary-border-active); } .active\:border-button-dark-secondary-border-active:active { border-color: var(--color-button-dark-secondary-border-active); } .active\:border-button-light-primary-border-active:active { border-color: var(--color-button-light-primary-border-active); } .active\:border-button-light-secondary-border-active:active { border-color: var(--color-button-light-secondary-border-active); } .active\:border-component-button-interface-secondary-border-active:active { border-color: var(--color-component-button-interface-secondary-border-active); } .active\:border-component-button-primary-border-active:active { border-color: var(--color-component-button-primary-border-active); } .active\:border-component-button-secondary-border-active:active { border-color: var(--color-component-button-secondary-border-active); } .active\:bg-\[\#EBECEF\]:active { background-color: #ebecef; } .active\:bg-\[\#F7F7F7\]:active { background-color: #f7f7f7; } .active\:bg-button-dark-primary-bg-active:active { background-color: var(--color-button-dark-primary-bg-active); } .active\:bg-button-dark-secondary-bg-active:active { background-color: var(--color-button-dark-secondary-bg-active); } .active\:bg-button-light-primary-bg-active:active { background-color: var(--color-button-light-primary-bg-active); } .active\:bg-button-light-secondary-bg-active:active { background-color: var(--color-button-light-secondary-bg-active); } .active\:bg-component-button-interface-primary-bg-active:active { background-color: var(--color-component-button-interface-primary-bg-active); } .active\:bg-component-button-primary-bg-active:active { background-color: var(--color-component-button-primary-bg-active); } .active\:bg-component-button-secondary-bg-active:active { background-color: var(--color-component-button-secondary-bg-active); } .active\:bg-shade-50:active { background-color: var(--color-shade-50); } .active\:fill-shade-50:active { fill: var(--color-shade-50); } .active\:fill-white:active { fill: var(--color-white); } .active\:text-button-dark-primary-text-active:active { color: var(--color-button-dark-primary-text-active); } .active\:text-button-dark-secondary-text-active:active { color: var(--color-button-dark-secondary-text-active); } .active\:text-button-light-primary-text-active:active { color: var(--color-button-light-primary-text-active); } .active\:text-button-light-secondary-text-active:active { color: var(--color-button-light-secondary-text-active); } .active\:text-component-button-primary-content-active:active { color: var(--color-component-button-primary-content-active); } .active\:text-component-button-secondary-content-active:active { color: var(--color-component-button-secondary-content-active); } .active\:text-component-link-content-active:active { color: var(--color-component-link-content-active); } .active\:text-link-dark-active:active { color: var(--color-link-dark-active); } .active\:text-link-light-active:active { color: #71717a; } .active\:text-shade-40:active { color: var(--color-shade-40); } .active\:text-shade-50:active { color: var(--color-shade-50); } .active\:ring:active { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .active\:ring-button-dark-primary-border-active:active { --tw-ring-color: var(--color-button-dark-primary-border-active); } .active\:ring-button-dark-secondary-border-active:active { --tw-ring-color: var(--color-button-dark-secondary-border-active); } .active\:ring-button-light-secondary-border-active:active { --tw-ring-color: var(--color-button-light-secondary-border-active); } .active\:ring-component-button-primary-border-active:active { --tw-ring-color: var(--color-component-button-primary-border-active); } .active\:ring-component-button-secondary-border-active:active { --tw-ring-color: var(--color-component-button-secondary-border-active); } .active\:ring-radio-dark-active-border:active { --tw-ring-color: #d4d4d8; } .active\:ring-radio-light-active-border:active { --tw-ring-color: #3f3f46; } .peer-checked\:active\:bg-lavender-70:is(:where(.peer):checked ~ *):active { background-color: var(--color-lavender-70); } .active\:checked\:border-component-input-selected-border-active:active:checked { border-color: var(--color-component-input-selected-border-active); } .active\:checked\:border-radio-dark-checked-active-border:active:checked { border-color: #3525c1; } .active\:checked\:border-radio-light-checked-active-border:active:checked { border-color: #978de7; } .disabled\:pointer-events-none:disabled { pointer-events: none; } .disabled\:cursor-not-allowed:disabled { cursor: not-allowed; } .disabled\:border-button-dark-primary-border-disabled:disabled { border-color: var(--color-button-dark-primary-border-disabled); } .disabled\:border-button-dark-secondary-border-disabled:disabled { border-color: var(--color-button-dark-secondary-border-disabled); } .disabled\:border-button-light-primary-border-disabled:disabled { border-color: var(--color-button-light-primary-border-disabled); } .disabled\:border-button-light-secondary-border-disabled:disabled { border-color: var(--color-button-light-secondary-border-disabled); } .disabled\:border-component-button-interface-secondary-border-disabled:disabled { border-color: var(--color-component-button-interface-secondary-border-disabled); } .disabled\:border-component-button-primary-border-disabled:disabled { border-color: var(--color-component-button-primary-border-disabled); } .disabled\:border-component-button-secondary-border-disabled:disabled { border-color: var(--color-component-button-secondary-border-disabled); } .disabled\:bg-button-dark-primary-bg-disabled:disabled { background-color: var(--color-button-dark-primary-bg-disabled); } .disabled\:bg-button-dark-secondary-bg-disabled:disabled { background-color: var(--color-button-dark-secondary-bg-disabled); } .disabled\:bg-button-light-primary-bg-disabled:disabled { background-color: var(--color-button-light-primary-bg-disabled); } .disabled\:bg-button-light-secondary-bg-disabled:disabled { background-color: var(--color-button-light-secondary-bg-disabled); } .disabled\:bg-component-button-interface-primary-bg-disabled:disabled { background-color: var(--color-component-button-interface-primary-bg-disabled); } .disabled\:bg-component-button-primary-bg-disabled:disabled { background-color: var(--color-component-button-primary-bg-disabled); } .disabled\:bg-component-button-secondary-bg-disabled:disabled { background-color: var(--color-component-button-secondary-bg-disabled); } .disabled\:bg-gray-100:disabled { background-color: var(--color-gray-100); } .disabled\:bg-shade-30:disabled { background-color: var(--color-shade-30); } .disabled\:bg-shade-70:disabled { background-color: var(--color-shade-70); } .disabled\:fill-shade-30:disabled { fill: var(--color-shade-30); } .disabled\:fill-shade-60:disabled { fill: var(--color-shade-60); } .disabled\:text-button-dark-primary-text-disabled:disabled { color: var(--color-button-dark-primary-text-disabled); } .disabled\:text-button-dark-secondary-text-disabled:disabled { color: var(--color-button-dark-secondary-text-disabled); } .disabled\:text-button-light-primary-text-disabled:disabled { color: var(--color-button-light-primary-text-disabled); } .disabled\:text-button-light-secondary-text-disabled:disabled { color: var(--color-button-light-secondary-text-disabled); } .disabled\:text-component-button-interface-primary-content-disabled:disabled { color: var(--color-component-button-interface-primary-content-disabled); } .disabled\:text-component-button-interface-secondary-content-disabled:disabled { color: var(--color-component-button-interface-secondary-content-disabled); } .disabled\:text-component-button-primary-content-disabled:disabled { color: var(--color-component-button-primary-content-disabled); } .disabled\:text-component-button-secondary-content-disabled:disabled { color: var(--color-component-button-secondary-content-disabled); } .disabled\:text-component-link-content-disabled:disabled { color: var(--color-component-link-content-disabled); } .disabled\:text-component-select-content-disabled:disabled { color: var(--color-component-select-content-disabled); } .disabled\:text-gray-500:disabled { color: var(--color-gray-500); } .disabled\:text-input-dark-disabled-text:disabled { color: #71717a; } .disabled\:text-input-light-disabled-text:disabled { color: #a1a1aa; } .disabled\:text-link-dark-disabled:disabled { color: var(--color-link-dark-disabled); } .disabled\:text-link-light-disabled:disabled { color: #a1a1aa; } .disabled\:text-shade-30:disabled { color: var(--color-shade-30); } .disabled\:text-shade-60:disabled { color: var(--color-shade-60); } .disabled\:opacity-50:disabled { opacity: .5; } .disabled\:ring-button-dark-primary-border-disabled:disabled { --tw-ring-color: var(--color-button-dark-primary-border-disabled); } .disabled\:ring-button-dark-secondary-border-disabled:disabled { --tw-ring-color: var(--color-button-dark-secondary-border-disabled); } .disabled\:ring-button-light-primary-border-disabled:disabled { --tw-ring-color: var(--color-button-light-primary-border-disabled); } .disabled\:ring-button-light-secondary-border-disabled:disabled { --tw-ring-color: var(--color-button-light-secondary-border-disabled); } .disabled\:ring-component-button-primary-border-disabled:disabled { --tw-ring-color: var(--color-component-button-primary-border-disabled); } .disabled\:ring-component-button-secondary-border-disabled:disabled { --tw-ring-color: var(--color-component-button-secondary-border-disabled); } .disabled\:ring-component-select-border-disabled:disabled { --tw-ring-color: var(--color-component-select-border-disabled); } .disabled\:ring-input-dark-disabled-border:disabled { --tw-ring-color: #ffffff1a; } .disabled\:ring-input-light-disabled-border:disabled { --tw-ring-color: #d4d4d8; } .disabled\:checked\:border-input-dark-disabled-border:disabled:checked { border-color: #ffffff1a; } .disabled\:checked\:border-input-light-disabled-border:disabled:checked { border-color: #d4d4d8; } @media (hover: hover) { .disabled\:hover\:bg-\[\#E7ECF8\]:disabled:hover { background-color: #e7ecf8; } .disabled\:hover\:opacity-100:disabled:hover { opacity: 1; } .disabled\:hover\:ring-component-select-border-disabled:disabled:hover { --tw-ring-color: var(--color-component-select-border-disabled); } .disabled\:hover\:ring-input-dark-disabled-border:disabled:hover { --tw-ring-color: #ffffff1a; } .disabled\:hover\:ring-input-light-disabled-border:disabled:hover { --tw-ring-color: #d4d4d8; } .has-\[\:checked\]\:hover\:opacity-80:has(:checked):hover { opacity: .8; } } .has-\[\:checked\]\:active\:bg-lavender-30:has(:checked):active { background-color: var(--color-lavender-30); } @supports (container-type: scroll-state) { .supports-\[container-type\:scroll-state\]\:\[container-type\:scroll-state\] { container-type: scroll-state; } .supports-\[container-type\:scroll-state\]\:\[container-name\:bk-header\] { container-name: bk-header; } } @media (prefers-reduced-motion: no-preference) { .motion-safe\:sticky { position: sticky; } .motion-safe\:h-20 { height: calc(var(--spacing) * 20); } .motion-safe\:h-\[100svh\] { height: 100svh; } .motion-safe\:animate-apps-showcase-slide { animation: apps-showcase-slide var(--transform-time) linear infinite; } .motion-safe\:animate-apps-showcase-tooltip-fade-in-up { animation: .3s ease-out forwards apps-showcase-tooltip-fade-in-up; } .motion-safe\:animate-incentives-fill-background { animation: .75s cubic-bezier(.76, 0, .24, 1) .5s forwards incentives-fill-background; } .motion-safe\:animate-logo-group-marquee { animation: var(--animate-logo-group-marquee); } .motion-safe\:animate-logo-group-marquee-reverse { animation: var(--animate-logo-group-marquee-reverse); } .motion-safe\:overflow-hidden { overflow: hidden; } .motion-safe\:duration-300 { --tw-duration: .3s; transition-duration: .3s; } @media (hover: hover) { :is(.motion-safe\:hover\:\*\:animation-pause:hover > *) { animation-play-state: paused; } } } @media (prefers-reduced-motion: reduce) { .motion-reduce\:mx-auto { margin-inline: auto; } .motion-reduce\:mt-12 { margin-top: calc(var(--spacing) * 12); } .motion-reduce\:flex { display: flex; } .motion-reduce\:hidden { display: none; } .motion-reduce\:aspect-\[var\(--stack-aspect-ratio\)\] { aspect-ratio: var(--stack-aspect-ratio); } .motion-reduce\:h-full { height: 100%; } .motion-reduce\:w-1\/4 { width: 25%; } .motion-reduce\:w-\[calc\(50\%-var\(--spacing-md\)\)\] { width: calc(50% - var(--spacing-md)); } .motion-reduce\:w-full { width: 100%; } .motion-reduce\:max-w-sm { max-width: var(--container-sm); } .motion-reduce\:animate-apps-showcase-tooltip-fade-in-up-motion-reduce { animation: ease-out forwards apps-showcase-tooltip-fade-in-up-motion-reduce; } .motion-reduce\:animate-none { animation: none; } .motion-reduce\:flex-wrap { flex-wrap: wrap; } .motion-reduce\:justify-center { justify-content: center; } .motion-reduce\:gap-md { gap: var(--spacing-md); gap: var(--space-md); gap: var(--spacing-md); } .motion-reduce\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } :where(.motion-reduce\:space-x-0 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))); } .motion-reduce\:overflow-x-scroll { overflow-x: scroll; } .motion-reduce\:opacity-0 { opacity: 0; } .motion-reduce\:transition-none { transition-property: none; } .motion-reduce\:\[transition-delay\:0s\] { transition-delay: 0s; } .motion-reduce\:duration-0 { --tw-duration: 0s; transition-duration: 0s; } } .after\:motion-reduce\:transition-none:after { content: var(--tw-content); } @media (prefers-reduced-motion: reduce) { .after\:motion-reduce\:transition-none:after { transition-property: none; } } @media not all and (min-width: 1600px) { .max-xl\:w-full { width: 100%; } } @media not all and (min-width: 1200px) { .max-lg\:pointer-events-none { pointer-events: none; } .max-lg\:absolute { position: absolute; } .max-lg\:fixed { position: fixed; } .max-lg\:relative { position: relative; } .max-lg\:inset-x-margin { inset-inline: var(--spacing-margin); } .max-lg\:start-0 { inset-inline-start: calc(var(--spacing) * 0); } .max-lg\:top-full { top: 100%; } .max-lg\:top-global-header { top: var(--spacing-global-header); } .max-lg\:bottom-0 { bottom: calc(var(--spacing) * 0); } .max-lg\:z-10 { z-index: 10; } .max-lg\:me-auto { margin-inline-end: auto; } .max-lg\:hidden { display: none; } .max-lg\:h-\[calc\(100vh-var\(--spacing-global-header\)\)\] { height: calc(100vh - var(--spacing-global-header)); } .max-lg\:h-full { height: 100%; } .max-lg\:max-h-\[calc\(100dvh-var\(--spacing\)\*56\)\] { max-height: calc(100dvh - var(--spacing) * 56); } .max-lg\:w-1\/2 { width: 50%; } .max-lg\:w-full { width: 100%; } .max-lg\:flex-col { flex-direction: column; } .max-lg\:justify-between { justify-content: space-between; } .max-lg\:justify-center { justify-content: center; } .max-lg\:gap-3\.5 { gap: calc(var(--spacing) * 3.5); } .max-lg\:gap-x-3\.5 { column-gap: calc(var(--spacing) * 3.5); } .max-lg\:gap-x-4 { column-gap: calc(var(--spacing) * 4); } .max-lg\:gap-y-10 { row-gap: calc(var(--spacing) * 10); } .max-lg\:overflow-clip { overflow: clip; } .max-lg\:overflow-y-auto { overflow-y: auto; } .max-lg\:overflow-y-scroll { overflow-y: scroll; } .max-lg\:rounded-2xl { border-radius: var(--radius-2xl); } .max-lg\:rounded-lg { border-radius: var(--radius-lg); } .max-lg\:border { border-style: var(--tw-border-style); border-width: 1px; } .max-lg\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } .max-lg\:border-b { border-bottom-style: var(--tw-border-style); border-bottom-width: 1px; } .max-lg\:border-none { --tw-border-style: none; border-style: none; } .max-lg\:border-\[\#19272A\] { border-color: #19272a; } .max-lg\:border-\[\#f4f4f5\] { border-color: #f4f4f5; } .max-lg\:border-component-header-content { border-color: var(--color-component-header-content); } .max-lg\:bg-\[\#0e0e10\] { background-color: #0e0e10; } .max-lg\:bg-\[\#fafafa\] { background-color: #fafafa; } .max-lg\:bg-component-header-bg { background-color: var(--color-component-header-bg); } .max-lg\:p-6 { padding: calc(var(--spacing) * 6); } .max-lg\:px-0 { padding-inline: calc(var(--spacing) * 0); } .max-lg\:px-4 { padding-inline: calc(var(--spacing) * 4); } .max-lg\:px-6 { padding-inline: calc(var(--spacing) * 6); } .max-lg\:px-margin { padding-inline: var(--spacing-margin); } .max-lg\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .max-lg\:py-4 { padding-block: calc(var(--spacing) * 4); } .max-lg\:py-6 { padding-block: calc(var(--spacing) * 6); } .max-lg\:pt-7 { padding-top: calc(var(--spacing) * 7); } .max-lg\:pt-24 { padding-top: calc(var(--spacing) * 24); } .max-lg\:pb-3 { padding-bottom: calc(var(--spacing) * 3); } .max-lg\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .max-lg\:text-center { text-align: center; } .max-lg\:text-body-lg { font-size: var(--text-body-lg); line-height: var(--tw-leading, var(--text-body-lg--line-height)); letter-spacing: var(--tw-tracking, var(--text-body-lg--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-body-lg--font-weight)); } .max-lg\:text-body-sm { font-size: var(--text-body-sm); line-height: var(--tw-leading, var(--text-body-sm--line-height)); letter-spacing: var(--tw-tracking, var(--text-body-sm--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-body-sm--font-weight)); } .max-lg\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .max-lg\:leading-4 { --tw-leading: calc(var(--spacing) * 4); line-height: calc(var(--spacing) * 4); } .max-lg\:font-\[330\] { --tw-font-weight: 330; font-weight: 330; } .max-lg\:font-bold { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .max-lg\:font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .max-lg\:uppercase { text-transform: uppercase; } .max-lg\:opacity-0 { opacity: 0; } .max-lg\:shadow-\[0_8px_48px_0_rgba\(24\,24\,27\,0\.24\)\,_0_4px_8px_0_rgba\(24\,24\,27\,0\.16\)\] { --tw-shadow: 0 8px 48px 0 var(--tw-shadow-color, #18181b3d), 0 4px 8px 0 var(--tw-shadow-color, #18181b29); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .max-lg\:shadow-light { --tw-shadow: 0 8px 48px var(--tw-shadow-color, #06060814), 0 4px 8px var(--tw-shadow-color, #18181b0a), 0 0 2px var(--tw-shadow-color, #18181b40); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .max-lg\:transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .max-lg\:transition-opacity-transform { transition-property: opacity, transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .max-lg\:transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .max-lg\:transition-none { transition-property: none; } .max-lg\:duration-200 { --tw-duration: .2s; transition-duration: .2s; } .max-lg\:duration-300, .max-lg\:duration-\[300ms\] { --tw-duration: .3s; transition-duration: .3s; } .max-lg\:will-change-\[opacity\] { will-change: opacity; } .max-lg\:no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; -ms-overflow-style: none; scrollbar-width: none; } .max-lg\:peer-checked\:pointer-events-auto:is(:where(.peer):checked ~ *) { pointer-events: auto; } .max-lg\:peer-checked\:opacity-100:is(:where(.peer):checked ~ *) { opacity: 1; } .max-lg\:peer-checked\/l1Mobile\:pointer-events-auto:is(:where(.peer\/l1Mobile):checked ~ *) { pointer-events: auto; } .max-lg\:peer-checked\/l1Mobile\:opacity-100:is(:where(.peer\/l1Mobile):checked ~ *) { opacity: 1; } .max-lg\:peer-checked\/l3ItemsMobile\:pointer-events-auto:is(:where(.peer\/l3ItemsMobile):checked ~ *) { pointer-events: auto; } .max-lg\:peer-checked\/l3ItemsMobile\:translate-y-2:is(:where(.peer\/l3ItemsMobile):checked ~ *) { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .max-lg\:peer-checked\/l3ItemsMobile\:opacity-100:is(:where(.peer\/l3ItemsMobile):checked ~ *) { opacity: 1; } .max-lg\:before\:pointer-events-none:before { content: var(--tw-content); pointer-events: none; } .max-lg\:before\:absolute:before { content: var(--tw-content); position: absolute; } .max-lg\:before\:start-0:before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } .max-lg\:before\:top-\[-1px\]:before { content: var(--tw-content); top: -1px; } .max-lg\:before\:h-10:before { content: var(--tw-content); height: calc(var(--spacing) * 10); } .max-lg\:before\:w-full:before { content: var(--tw-content); width: 100%; } .max-lg\:before\:-translate-y-10:before { content: var(--tw-content); --tw-translate-y: calc(var(--spacing) * -10); translate: var(--tw-translate-x) var(--tw-translate-y); } .max-lg\:before\:bg-gradient-to-b:before { content: var(--tw-content); --tw-gradient-position: to bottom in oklab; background-image: linear-gradient(var(--tw-gradient-stops)); } .max-lg\:before\:bg-linear-\[91deg\]:before { content: var(--tw-content); --tw-gradient-position: 91deg; background-image: linear-gradient(var(--tw-gradient-stops, 91deg)); } .max-lg\:before\:from-\[rgba\(17\,52\,57\,0\.50\)\]:before { content: var(--tw-content); --tw-gradient-from: #11343980; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .max-lg\:before\:from-transparent:before { content: var(--tw-content); --tw-gradient-from: transparent; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .max-lg\:before\:from-\[2\.27\%\]:before { content: var(--tw-content); --tw-gradient-from-position: 2.27%; } .max-lg\:before\:to-\[rgba\(15\,41\,49\,0\.50\)\]:before { content: var(--tw-content); --tw-gradient-to: #0f293180; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .max-lg\:before\:to-component-header-bg:before { content: var(--tw-content); --tw-gradient-to: var(--color-component-header-bg); --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .max-lg\:before\:to-\[98\.62\%\]:before { content: var(--tw-content); --tw-gradient-to-position: 98.62%; } .max-lg\:before\:blur-\[100px\]:before { content: var(--tw-content); --tw-blur: blur(100px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .max-lg\:before\:content-none:before { content: var(--tw-content); --tw-content: none; content: none; } .max-lg\:after\:pointer-events-none:after { content: var(--tw-content); pointer-events: none; } .max-lg\:after\:absolute:after { content: var(--tw-content); position: absolute; } .max-lg\:after\:end-0:after { content: var(--tw-content); inset-inline-end: calc(var(--spacing) * 0); } .max-lg\:after\:h-\[193px\]:after { content: var(--tw-content); height: 193px; } .max-lg\:after\:w-\[174px\]:after { content: var(--tw-content); width: 174px; } .max-lg\:after\:bg-radial-\[156\.58\%_114\.72\%_at_50\%_100\%\]:after { content: var(--tw-content); --tw-gradient-position: 156.58% 114.72% at 50% 100%; background-image: radial-gradient(var(--tw-gradient-stops, 156.58% 114.72% at 50% 100%)); } .max-lg\:after\:from-\[0\%\]:after { content: var(--tw-content); --tw-gradient-from-position: 0%; } .max-lg\:after\:to-\[rgba\(0\,0\,0\,0\.00\)\]:after { content: var(--tw-content); --tw-gradient-to: #0000; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .max-lg\:after\:to-\[100\%\]:after { content: var(--tw-content); --tw-gradient-to-position: 100%; } .max-lg\:after\:blur-\[50px\]:after { content: var(--tw-content); --tw-blur: blur(50px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } } @media not all and (min-width: 900px) { .max-md\:absolute { position: absolute; } .max-md\:relative { position: relative; } .max-md\:end-4 { inset-inline-end: calc(var(--spacing) * 4); } .max-md\:top-1\/2 { top: 50%; } .max-md\:z-20 { z-index: 20; } .max-md\:order-first { order: -9999; } .max-md\:order-last { order: 9999; } .max-md\:mt-10 { margin-top: calc(var(--spacing) * 10); } .max-md\:block { display: block; } .max-md\:flex { display: flex; } .max-md\:grid { display: grid; } .max-md\:hidden { display: none; } .max-md\:h-6 { height: calc(var(--spacing) * 6); } .max-md\:w-6 { width: calc(var(--spacing) * 6); } .max-md\:w-full { width: 100%; } .max-md\:-translate-y-1\/2 { --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .max-md\:-translate-y-full { --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .max-md\:grid-cols-\[min-content_1fr\] { grid-template-columns: min-content 1fr; } .max-md\:grid-rows-\[min-content\] { grid-template-rows: min-content; } .max-md\:grid-rows-\[min-content_auto\] { grid-template-rows: min-content auto; } .max-md\:flex-col { flex-direction: column; } .max-md\:flex-wrap { flex-wrap: wrap; } .max-md\:items-start { align-items: flex-start; } .max-md\:justify-between { justify-content: space-between; } .max-md\:gap-x-2 { column-gap: calc(var(--spacing) * 2); } .max-md\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } .max-md\:gap-y-1\.5 { row-gap: calc(var(--spacing) * 1.5); } .max-md\:self-end { align-self: flex-end; } .max-md\:overflow-clip { overflow: clip; } .max-md\:overflow-hidden { overflow: hidden; } .max-md\:rounded-2xl { border-radius: var(--radius-2xl); } .max-md\:border { border-style: var(--tw-border-style); border-width: 1px; } .max-md\:border-\[\#142024\] { border-color: #142024; } .max-md\:border-\[\#f4f4f5\] { border-color: #f4f4f5; } .max-md\:bg-\[\#051517\] { background-color: #051517; } .max-md\:bg-\[\#fafafa\] { background-color: #fafafa; } .max-md\:px-3 { padding-inline: calc(var(--spacing) * 3); } .max-md\:px-4 { padding-inline: calc(var(--spacing) * 4); } .max-md\:py-6 { padding-block: calc(var(--spacing) * 6); } .max-md\:ps-4 { padding-inline-start: calc(var(--spacing) * 4); } .max-md\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .max-md\:opacity-100 { opacity: 1; } .max-md\:before\:pointer-events-none:before { content: var(--tw-content); pointer-events: none; } .max-md\:before\:absolute:before { content: var(--tw-content); position: absolute; } .max-md\:before\:-bottom-\[25px\]:before { content: var(--tw-content); bottom: -25px; } .max-md\:before\:bottom-\[-20px\]:before { content: var(--tw-content); bottom: -20px; } .max-md\:before\:left-1\/2:before { content: var(--tw-content); left: 50%; } .max-md\:before\:h-\[85px\]:before { content: var(--tw-content); height: 85px; } .max-md\:before\:h-px:before { content: var(--tw-content); height: 1px; } .max-md\:before\:w-\[327px\]:before { content: var(--tw-content); width: 327px; } .max-md\:before\:w-full:before { content: var(--tw-content); width: 100%; } .max-md\:before\:-translate-x-1\/2:before { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .max-md\:before\:rounded-full:before { content: var(--tw-content); border-radius: 3.40282e38px; } .max-md\:before\:bg-\[\#121C1E\]:before { content: var(--tw-content); background-color: #121c1e; } .max-md\:before\:bg-\[\#f4f4f5\]:before { content: var(--tw-content); background-color: #f4f4f5; } .max-md\:before\:bg-linear-\[91deg\]:before { content: var(--tw-content); --tw-gradient-position: 91deg; background-image: linear-gradient(var(--tw-gradient-stops, 91deg)); } .max-md\:before\:from-\[\#113439\]:before { content: var(--tw-content); --tw-gradient-from: #113439; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .max-md\:before\:from-\[2\.27\%\]:before { content: var(--tw-content); --tw-gradient-from-position: 2.27%; } .max-md\:before\:to-\[\#0F2931\]:before { content: var(--tw-content); --tw-gradient-to: #0f2931; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } .max-md\:before\:to-\[98\.62\%\]:before { content: var(--tw-content); --tw-gradient-to-position: 98.62%; } .max-md\:before\:opacity-\[\.8\]:before { content: var(--tw-content); opacity: .8; } .max-md\:before\:blur-\[40px\]:before { content: var(--tw-content); --tw-blur: blur(40px); filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, ); } .first-of-type\:max-md\:pt-md:first-of-type { padding-top: var(--spacing-md); } .last-of-type\:max-md\:pb-md:last-of-type { padding-bottom: var(--spacing-md); } } @media (prefers-reduced-motion: reduce) { @media not all and (min-width: 900px) { .motion-reduce\:max-md\:hidden { display: none; } } } @media not all and (min-width: 640px) { .max-sm\:start-margin { inset-inline-start: var(--spacing-margin); } .max-sm\:end-margin { inset-inline-end: var(--spacing-margin); } .max-sm\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .max-sm\:-mt-2\.5 { margin-top: calc(var(--spacing) * -2.5); } .max-sm\:mt-2 { margin-top: calc(var(--spacing) * 2); } .max-sm\:mt-auto { margin-top: auto; } .max-sm\:mb-3 { margin-bottom: calc(var(--spacing) * 3); } .max-sm\:flex { display: flex; } .max-sm\:hidden { display: none; } .max-sm\:min-h-\[176px\] { min-height: 176px; } .max-sm\:w-full { width: 100%; } .max-sm\:translate-y-2\.5 { --tw-translate-y: calc(var(--spacing) * 2.5); translate: var(--tw-translate-x) var(--tw-translate-y); } .max-sm\:flex-col { flex-direction: column; } .max-sm\:flex-col-reverse { flex-direction: column-reverse; } .max-sm\:items-center { align-items: center; } .max-sm\:gap-y-4 { row-gap: calc(var(--spacing) * 4); } .max-sm\:gap-y-sm { row-gap: var(--spacing-sm); } .max-sm\:px-8 { padding-inline: calc(var(--spacing) * 8); } .max-sm\:px-\[var\(--margin\)\] { padding-inline: var(--margin); } .max-sm\:px-\[var\(--spacing-margin\)\] { padding-inline: var(--spacing-margin); } .max-sm\:py-2xl { padding-block: var(--spacing-2xl); } .max-sm\:ps-margin { padding-inline-start: var(--spacing-margin); } .max-sm\:pe-4 { padding-inline-end: calc(var(--spacing) * 4); } .max-sm\:pe-12 { padding-inline-end: calc(var(--spacing) * 12); } .max-sm\:pb-2 { padding-bottom: calc(var(--spacing) * 2); } .max-sm\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .max-sm\:pb-\[130px\] { padding-bottom: 130px; } .max-sm\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .max-sm\:before\:start-0:before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } .max-sm\:before\:top-0:before { content: var(--tw-content); top: calc(var(--spacing) * 0); } .max-sm\:before\:h-\[115px\]:before { content: var(--tw-content); height: 115px; } .max-sm\:before\:w-\[213px\]:before { content: var(--tw-content); width: 213px; } .max-sm\:before\:w-full:before { content: var(--tw-content); width: 100%; } .max-sm\:before\:-translate-y-1\/2:before { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .max-sm\:before\:rounded-lg:before { content: var(--tw-content); border-radius: var(--radius-lg); } .max-sm\:before\:bg-none:before { content: var(--tw-content); background-image: none; } .max-sm\:after\:start-0:after { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } .max-sm\:after\:bottom-0:after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } .max-sm\:after\:translate-y-1\/2:after { content: var(--tw-content); --tw-translate-y: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (min-width: 340px) { .xs\:col-span-1 { grid-column: span 1 / span 1; } .xs\:col-span-2 { grid-column: span 2 / span 2; } .xs\:col-span-3 { grid-column: span 3 / span 3; } .xs\:col-span-4 { grid-column: span 4 / span 4; } .xs\:col-span-5 { grid-column: span 5 / span 5; } .xs\:col-span-6 { grid-column: span 6 / span 6; } .xs\:col-span-7 { grid-column: span 7 / span 7; } .xs\:col-span-8 { grid-column: span 8 / span 8; } .xs\:col-span-9 { grid-column: span 9 / span 9; } .xs\:col-span-10 { grid-column: span 10 / span 10; } .xs\:col-span-11 { grid-column: span 11 / span 11; } .xs\:col-span-12 { grid-column: span 12 / span 12; } .xs\:col-start-1 { grid-column-start: 1; } .xs\:col-start-2 { grid-column-start: 2; } .xs\:col-start-3 { grid-column-start: 3; } .xs\:col-start-4 { grid-column-start: 4; } .xs\:col-start-5 { grid-column-start: 5; } .xs\:col-start-6 { grid-column-start: 6; } .xs\:col-start-7 { grid-column-start: 7; } .xs\:col-start-8 { grid-column-start: 8; } .xs\:col-start-9 { grid-column-start: 9; } .xs\:col-start-10 { grid-column-start: 10; } .xs\:col-start-11 { grid-column-start: 11; } .xs\:col-start-12 { grid-column-start: 12; } .xs\:block { display: block; } .xs\:h-\[262px\] { height: 262px; } .xs\:h-full { height: 100%; } .xs\:w-\[390px\] { width: 390px; } .xs\:gap-34 { gap: calc(var(--spacing) * 34); } .xs\:px-md { padding-inline: var(--spacing-md); } .xs\:py-0 { padding-block: calc(var(--spacing) * 0); } .xs\:pt-3xl { padding-top: var(--spacing-3xl); } .xs\:pt-md { padding-top: var(--spacing-md); } .xs\:pb-lg { padding-bottom: var(--spacing-lg); } .xs\:text-center { text-align: center; } .xs\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .xs\:leading-5 { --tw-leading: calc(var(--spacing) * 5); line-height: calc(var(--spacing) * 5); } } @media (min-width: 640px) { .sm\:end-\[17px\] { inset-inline-end: 17px; } .sm\:-top-10 { top: calc(var(--spacing) * -10); } .sm\:top-0 { top: calc(var(--spacing) * 0); } .sm\:top-\[9svh\] { top: 9svh; } .sm\:-right-2 { right: calc(var(--spacing) * -2); } .sm\:bottom-md { bottom: var(--spacing-md); } .sm\:left-auto { left: auto; } .sm\:order-1 { order: 1; } .sm\:\!col-span-6 { grid-column: span 6 / span 6 !important; } .sm\:col-span-1 { grid-column: span 1 / span 1; } .sm\:col-span-2 { grid-column: span 2 / span 2; } .sm\:col-span-3 { grid-column: span 3 / span 3; } .sm\:col-span-4 { grid-column: span 4 / span 4; } .sm\:col-span-5 { grid-column: span 5 / span 5; } .sm\:col-span-6 { grid-column: span 6 / span 6; } .sm\:col-span-7 { grid-column: span 7 / span 7; } .sm\:col-span-8 { grid-column: span 8 / span 8; } .sm\:col-span-9 { grid-column: span 9 / span 9; } .sm\:col-span-10 { grid-column: span 10 / span 10; } .sm\:col-span-11 { grid-column: span 11 / span 11; } .sm\:col-span-12 { grid-column: span 12 / span 12; } .sm\:col-start-1 { grid-column-start: 1; } .sm\:col-start-2 { grid-column-start: 2; } .sm\:col-start-3 { grid-column-start: 3; } .sm\:col-start-4 { grid-column-start: 4; } .sm\:col-start-5 { grid-column-start: 5; } .sm\:col-start-6 { grid-column-start: 6; } .sm\:col-start-7 { grid-column-start: 7; } .sm\:col-start-8 { grid-column-start: 8; } .sm\:col-start-9 { grid-column-start: 9; } .sm\:col-start-10 { grid-column-start: 10; } .sm\:col-start-11 { grid-column-start: 11; } .sm\:col-start-12 { grid-column-start: 12; } .sm\:row-start-\[span_2\] { grid-row-start: span 2; } .sm\:ms-\[88px\] { margin-inline-start: 88px; } .sm\:mt-0 { margin-top: calc(var(--spacing) * 0); } .sm\:mt-2xl { margin-top: var(--spacing-2xl); } .sm\:mt-3 { margin-top: calc(var(--spacing) * 3); } .sm\:mt-10 { margin-top: calc(var(--spacing) * 10); } .sm\:mr-6 { margin-right: calc(var(--spacing) * 6); } .sm\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .sm\:mb-8 { margin-bottom: calc(var(--spacing) * 8); } .sm\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .sm\:mb-\[min\(3svh\,30px\)\] { margin-bottom: min(3svh, 30px); } .sm\:ml-4 { margin-left: calc(var(--spacing) * 4); } .sm\:ml-8 { margin-left: calc(var(--spacing) * 8); } .sm\:ml-\[88px\] { margin-left: 88px; } .sm\:block { display: block; } .sm\:flex { display: flex; } .sm\:grid { display: grid; } .sm\:hidden { display: none; } .sm\:inline { display: inline; } .sm\:h-\[70vh\] { height: 70vh; } .sm\:h-\[150px\] { height: 150px; } .sm\:h-\[180svh\] { height: 180svh; } .sm\:h-\[190px\] { height: 190px; } .sm\:h-\[280px\] { height: 280px; } .sm\:h-global-header { height: var(--spacing-global-header); } .sm\:max-h-300 { max-height: calc(var(--spacing) * 300); } .sm\:max-h-\[760px\] { max-height: 760px; } .sm\:max-h-fit { max-height: fit-content; } .sm\:w-64 { width: calc(var(--spacing) * 64); } .sm\:w-\[40rem\] { width: 40rem; } .sm\:w-\[80px\] { width: 80px; } .sm\:w-\[100px\] { width: 100px; } .sm\:w-\[284px\] { width: 284px; } .sm\:w-\[300px\] { width: 300px; } .sm\:w-\[350px\] { width: 350px; } .sm\:w-\[calc\(33\.33\%-var\(--spacing-md\)\)\] { width: calc(33.33% - var(--spacing-md)); } .sm\:w-auto { width: auto; } .sm\:w-fit { width: fit-content; } .sm\:w-full { width: 100%; } .sm\:max-w-2xl { max-width: var(--container-2xl); } .sm\:max-w-100 { max-width: 25rem; } .sm\:max-w-\[240px\] { max-width: 240px; } .sm\:max-w-\[600px\] { max-width: 600px; } .sm\:max-w-none { max-width: none; } .sm\:min-w-\[160px\] { min-width: 160px; } .sm\:grow { flex-grow: 1; } .sm\:basis-1\/2 { flex-basis: 50%; } .sm\:scale-100 { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .sm\:cursor-none { cursor: none; } .sm\:columns-2 { columns: 2; } .sm\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:grid-cols-8 { grid-template-columns: repeat(8, minmax(0, 1fr)); } .sm\:grid-cols-\[1fr_1fr\] { grid-template-columns: 1fr 1fr; } .sm\:grid-cols-\[repeat\(3\,auto\)\] { grid-template-columns: repeat(3, auto); } .sm\:grid-cols-\[repeat\(4\,auto\)\] { grid-template-columns: repeat(4, auto); } .sm\:grid-cols-\[repeat\(6\,auto\)\] { grid-template-columns: repeat(6, auto); } .sm\:grid-cols-\[repeat\(8\,auto\)\] { grid-template-columns: repeat(8, auto); } .sm\:grid-rows-\[repeat\(var\(--bk-l2-rows\)\,min-content\)\] { grid-template-rows: repeat(var(--bk-l2-rows), min-content); } .sm\:flex-row { flex-direction: row; } .sm\:flex-row-reverse { flex-direction: row-reverse; } .sm\:flex-wrap { flex-wrap: wrap; } .sm\:place-content-center { place-content: center; } .sm\:items-center { align-items: center; } .sm\:items-end { align-items: flex-end; } .sm\:items-start { align-items: flex-start; } .sm\:justify-between { justify-content: space-between; } .sm\:justify-start { justify-content: flex-start; } .sm\:gap-5 { gap: calc(var(--spacing) * 5); } .sm\:gap-8 { gap: calc(var(--spacing) * 8); } .sm\:gap-14 { gap: calc(var(--spacing) * 14); } .sm\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .sm\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .sm\:gap-x-gutter { column-gap: var(--spacing-gutter); } .sm\:gap-x-lg { column-gap: var(--spacing-lg); } .sm\:gap-x-xl { column-gap: var(--spacing-xl); } .sm\:gap-y-0 { row-gap: calc(var(--spacing) * 0); } .sm\:self-center { align-self: center; } .sm\:self-stretch { align-self: stretch; } .sm\:justify-self-end { justify-self: flex-end; } .sm\:rounded-2xl { border-radius: var(--radius-2xl); } .sm\:rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .sm\:bg-white { background-color: var(--color-white); } .sm\:px-margin { padding-inline: var(--spacing-margin); } .sm\:py-4 { padding-block: calc(var(--spacing) * 4); } .sm\:py-xl { padding-block: var(--spacing-xl); } .sm\:ps-10 { padding-inline-start: calc(var(--spacing) * 10); } .sm\:ps-margin { padding-inline-start: var(--spacing-margin); } .sm\:pe-0 { padding-inline-end: calc(var(--spacing) * 0); } .sm\:pe-\[calc\(var\(--spacing-margin\)-13px\)\] { padding-inline-end: calc(var(--spacing-margin) - 13px); } .sm\:pt-0 { padding-top: calc(var(--spacing) * 0); } .sm\:pt-2 { padding-top: calc(var(--spacing) * 2); } .sm\:pt-3xl { padding-top: var(--spacing-3xl); } .sm\:pt-\[104px\] { padding-top: 104px; } .sm\:pb-2xl { padding-bottom: var(--spacing-2xl); } .sm\:pb-16 { padding-bottom: calc(var(--spacing) * 16); } .sm\:pb-lg { padding-bottom: var(--spacing-lg); } .sm\:pl-4 { padding-left: calc(var(--spacing) * 4); } .sm\:pl-5 { padding-left: calc(var(--spacing) * 5); } .sm\:pl-6 { padding-left: calc(var(--spacing) * 6); } .sm\:\!text-center { text-align: center !important; } .sm\:text-left { text-align: left; } .sm\:text-2xl { font-size: var(--text-2xl); line-height: var(--tw-leading, var(--text-2xl--line-height)); } .sm\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .sm\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .sm\:font-\[800\] { --tw-font-weight: 800; font-weight: 800; } .sm\:whitespace-nowrap { white-space: nowrap; } .sm\:shadow-md { --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .sm\:\[--bk-l2-rows\:2\] { --bk-l2-rows: 2; } .sm\:\[grid-template-areas\:\"items_aside\"_\"belt_aside\"\] { grid-template-areas: "items aside" "belt aside"; } .sm\:before\:-top-\[104px\]:before { content: var(--tw-content); top: -104px; } .sm\:before\:-bottom-10:before { content: var(--tw-content); bottom: calc(var(--spacing) * -10); } .sm\:before\:w-\[calc\(100\%\+var\(--margin\,var\(--spacing-margin\)\)\)\]:before { content: var(--tw-content); width: calc(100% + var(--margin, var(--spacing-margin))); } .sm\:after\:absolute:after { content: var(--tw-content); position: absolute; } .sm\:after\:start-0:after { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } .sm\:after\:-top-10:after { content: var(--tw-content); top: calc(var(--spacing) * -10); } .sm\:after\:bottom-0:after { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } .sm\:after\:z-10:after { content: var(--tw-content); z-index: 10; } .sm\:after\:w-px:after { content: var(--tw-content); width: 1px; } .sm\:after\:bg-no-repeat:after { content: var(--tw-content); background-repeat: no-repeat; } .sm\:after\:will-change-\[opacity\]:after { content: var(--tw-content); will-change: opacity; } } @media (prefers-reduced-motion: reduce) { @media (min-width: 640px) { .motion-reduce\:sm\:w-\[calc\(33\.33\%-var\(--spacing-md\)\)\] { width: calc(33.33% - var(--spacing-md)); } .motion-reduce\:sm\:max-w-2xl { max-width: var(--container-2xl); } } } @media (min-width: 640px) { @media not all and (min-width: 1200px) { .sm\:max-lg\:start-0 { inset-inline-start: calc(var(--spacing) * 0); } .sm\:max-lg\:end-0 { inset-inline-end: calc(var(--spacing) * 0); } .sm\:max-lg\:row-start-2 { grid-row-start: 2; } .sm\:max-lg\:grid { display: grid; } .sm\:max-lg\:min-h-\[129px\] { min-height: 129px; } .sm\:max-lg\:w-1\/2 { width: 50%; } .sm\:max-lg\:grow { flex-grow: 1; } .sm\:max-lg\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:max-lg\:grid-cols-\[1\.5fr_1fr\] { grid-template-columns: 1.5fr 1fr; } .sm\:max-lg\:grid-rows-\[auto\] { grid-template-rows: auto; } .sm\:max-lg\:gap-x-3 { column-gap: calc(var(--spacing) * 3); } .sm\:max-lg\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .sm\:max-lg\:self-end { align-self: flex-end; } .sm\:max-lg\:justify-self-center { justify-self: center; } .sm\:max-lg\:pb-global-header { padding-bottom: var(--spacing-global-header); } .sm\:max-lg\:before\:-start-1\/4:before { content: var(--tw-content); inset-inline-start: -25%; } .sm\:max-lg\:before\:top-1\/4:before { content: var(--tw-content); top: 25%; } .sm\:max-lg\:before\:h-\[231px\]:before { content: var(--tw-content); height: 231px; } .sm\:max-lg\:before\:w-\[289px\]:before { content: var(--tw-content); width: 289px; } .sm\:max-lg\:after\:top-1\/2:after { content: var(--tw-content); top: 50%; } .sm\:max-lg\:after\:-translate-y-1\/2:after { content: var(--tw-content); --tw-translate-y: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media not all and (min-width: 900px) { .sm\:max-md\:pe-12 { padding-inline-end: calc(var(--spacing) * 12); } } } @media (min-width: 768px) { .sell-tablet\:justify-start { justify-content: flex-start; } } @media (min-width: 900px) { .md\:not-sr-only { clip-path: none; white-space: normal; width: auto; height: auto; margin: 0; padding: 0; position: static; overflow: visible; } .md\:absolute { position: absolute; } .md\:relative { position: relative; } .md\:static { position: static; } .md\:sticky { position: sticky; } .md\:inset-0 { inset: calc(var(--spacing) * 0); } .md\:inset-\[4px\] { inset: 4px; } .md\:start-6 { inset-inline-start: calc(var(--spacing) * 6); } .md\:start-margin { inset-inline-start: var(--spacing-margin); } .md\:top-0 { top: calc(var(--spacing) * 0); } .md\:top-1\/2 { top: 50%; } .md\:top-10 { top: calc(var(--spacing) * 10); } .md\:top-\[10svh\] { top: 10svh; } .md\:top-\[106px\] { top: 106px; } .md\:right-0 { right: calc(var(--spacing) * 0); } .md\:right-auto\! { right: auto !important; } .md\:bottom-4 { bottom: calc(var(--spacing) * 4); } .md\:bottom-\[anchor\(top\)\]\! { bottom: anchor(top) !important; } .md\:left-\[anchor\(left\)\]\! { left: anchor(left) !important; } .md\:left-auto { left: auto; } .md\:left-margin { left: var(--spacing-margin); } .md\:order-1 { order: 1; } .md\:order-2 { order: 2; } .md\:order-3 { order: 3; } .md\:order-4 { order: 4; } .md\:order-5 { order: 5; } .md\:order-first { order: -9999; } .md\:order-last { order: 9999; } .md\:col-span-1 { grid-column: span 1 / span 1; } .md\:col-span-2 { grid-column: span 2 / span 2; } .md\:col-span-3 { grid-column: span 3 / span 3; } .md\:col-span-4 { grid-column: span 4 / span 4; } .md\:col-span-5 { grid-column: span 5 / span 5; } .md\:col-span-6 { grid-column: span 6 / span 6; } .md\:col-span-7 { grid-column: span 7 / span 7; } .md\:col-span-8 { grid-column: span 8 / span 8; } .md\:col-span-9 { grid-column: span 9 / span 9; } .md\:col-span-10 { grid-column: span 10 / span 10; } .md\:col-span-11 { grid-column: span 11 / span 11; } .md\:col-span-12 { grid-column: span 12 / span 12; } .md\:col-start-1 { grid-column-start: 1; } .md\:col-start-2 { grid-column-start: 2; } .md\:col-start-3 { grid-column-start: 3; } .md\:col-start-4 { grid-column-start: 4; } .md\:col-start-5 { grid-column-start: 5; } .md\:col-start-6 { grid-column-start: 6; } .md\:col-start-7 { grid-column-start: 7; } .md\:col-start-8 { grid-column-start: 8; } .md\:col-start-9 { grid-column-start: 9; } .md\:col-start-10 { grid-column-start: 10; } .md\:col-start-11 { grid-column-start: 11; } .md\:col-start-12 { grid-column-start: 12; } .md\:container { width: 100%; } @media (min-width: 340px) { .md\:container { max-width: 340px; } } @media (min-width: 640px) { .md\:container { max-width: 640px; } } @media (min-width: 768px) { .md\:container { max-width: 768px; } } @media (min-width: 900px) { .md\:container { max-width: 900px; } } @media (min-width: 1080px) { .md\:container { max-width: 1080px; } } @media (min-width: 1090px) { .md\:container { max-width: 1090px; } } @media (min-width: 1200px) { .md\:container { max-width: 1200px; } } @media (min-width: 1300px) { .md\:container { max-width: 1300px; } } @media (min-width: 1600px) { .md\:container { max-width: 1600px; } } @media (min-width: 1920px) { .md\:container { max-width: 1920px; } } .md\:m-0 { margin: calc(var(--spacing) * 0); } .md\:m-auto { margin: auto; } .md\:container { width: auto; max-width: none; margin-inline-start: var(--spacing-margin); margin-inline-end: var(--spacing-margin); } @media (min-width: 1600px) { .md\:container { width: 100%; max-width: calc(1600px - (var(--spacing-margin) * 2)); margin-inline: auto; } } .md\:container { margin-left: var(--margin); margin-right: var(--margin); width: auto; max-width: none; } @media (min-width: 1600px) { .md\:container { width: 100%; max-width: calc(1600px - (var(--margin) * 2)); margin-inline: auto; } } .md\:mx-0 { margin-inline: calc(var(--spacing) * 0); } .md\:mx-10 { margin-inline: calc(var(--spacing) * 10); } .md\:my-1 { margin-block: calc(var(--spacing) * 1); } .md\:ms-0 { margin-inline-start: calc(var(--spacing) * 0); } .md\:ms-24 { margin-inline-start: calc(var(--spacing) * 24); } .md\:me-1 { margin-inline-end: calc(var(--spacing) * 1); } .md\:me-auto { margin-inline-end: auto; } .md\:me-sm { margin-inline-end: var(--spacing-sm); } .md\:-mt-8 { margin-top: calc(var(--spacing) * -8); } .md\:mt-0 { margin-top: calc(var(--spacing) * 0); } .md\:mt-6 { margin-top: calc(var(--spacing) * 6); } .md\:mt-12 { margin-top: calc(var(--spacing) * 12); } .md\:mt-16 { margin-top: calc(var(--spacing) * 16); } .md\:mr-3 { margin-right: calc(var(--spacing) * 3); } .md\:mr-8 { margin-right: calc(var(--spacing) * 8); } .md\:mr-auto { margin-right: auto; } .md\:mr-sm { margin-right: var(--spacing-sm); } .md\:\[margin-bottom\:12px\]\! { margin-bottom: 12px !important; } .md\:mb-0 { margin-bottom: calc(var(--spacing) * 0); } .md\:mb-6 { margin-bottom: calc(var(--spacing) * 6); } .md\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .md\:mb-12 { margin-bottom: calc(var(--spacing) * 12); } .md\:mb-\[500px\] { margin-bottom: 500px; } .md\:mb-md { margin-bottom: var(--spacing-md); } .md\:ml-0 { margin-left: calc(var(--spacing) * 0); } .md\:ml-12 { margin-left: calc(var(--spacing) * 12); } .md\:ml-24 { margin-left: calc(var(--spacing) * 24); } .md\:box-content { box-sizing: content-box; } .md\:block { display: block; } .md\:flex { display: flex; } .md\:grid { display: grid; } .md\:hidden { display: none; } .md\:inline-block { display: inline-block; } .md\:table { display: table; } .md\:table-cell { display: table-cell; } .md\:table-row { display: table-row; } .md\:table-row-group { display: table-row-group; } .md\:aspect-\[21\/9\] { aspect-ratio: 21 / 9; } .md\:aspect-\[var\(--aspect-ratio\)\] { aspect-ratio: var(--aspect-ratio); } .md\:aspect-video { aspect-ratio: var(--aspect-video); } .md\:size-full { width: 100%; height: 100%; } .md\:h-4 { height: calc(var(--spacing) * 4); } .md\:h-11 { height: calc(var(--spacing) * 11); } .md\:h-12 { height: calc(var(--spacing) * 12); } .md\:h-14 { height: calc(var(--spacing) * 14); } .md\:h-20 { height: calc(var(--spacing) * 20); } .md\:h-24 { height: calc(var(--spacing) * 24); } .md\:h-160 { height: 40rem; } .md\:h-\[4rem\] { height: 4rem; } .md\:h-\[64px\] { height: 64px; } .md\:h-\[80px\] { height: 80px; } .md\:h-\[150svh\] { height: 150svh; } .md\:h-\[320px\] { height: 320px; } .md\:h-\[calc\(100vh-64px-44px\)\] { height: calc(100vh - 108px); } .md\:h-\[calc\(100vh-64px-72px-16px\)\] { height: calc(100vh - 152px); } .md\:h-\[calc\(100vh-130px\)\] { height: calc(100vh - 130px); } .md\:h-auto { height: auto; } .md\:h-full { height: 100%; } .md\:max-h-\[680px\] { max-height: 680px; } .md\:max-h-\[686px\] { max-height: 686px; } .md\:min-h-\[440px\] { min-height: 440px; } .md\:w-1\/3 { width: 33.3333%; } .md\:w-4 { width: calc(var(--spacing) * 4); } .md\:w-9\/12 { width: 75%; } .md\:w-11 { width: calc(var(--spacing) * 11); } .md\:w-14 { width: calc(var(--spacing) * 14); } .md\:w-24 { width: calc(var(--spacing) * 24); } .md\:w-96\! { width: calc(var(--spacing) * 96) !important; } .md\:w-\[46px\] { width: 46px; } .md\:w-\[50vw\] { width: 50vw; } .md\:w-\[56rem\] { width: 56rem; } .md\:w-\[133px\] { width: 133px; } .md\:w-\[190px\] { width: 190px; } .md\:w-\[228px\] { width: 228px; } .md\:w-\[277px\] { width: 277px; } .md\:w-\[330px\] { width: 330px; } .md\:w-\[428px\] { width: 428px; } .md\:w-\[436px\] { width: 436px; } .md\:w-\[450px\] { width: 450px; } .md\:w-\[700px\] { width: 700px; } .md\:w-\[calc\(\(100\%-40px\)\/2\)\] { width: calc(50% - 20px); } .md\:w-auto { width: auto; } .md\:w-full { width: 100%; } .md\:max-w-2xl { max-width: var(--container-2xl); } .md\:max-w-5xl { max-width: var(--container-5xl); } .md\:max-w-\[90\%\] { max-width: 90%; } .md\:max-w-\[800px\] { max-width: 800px; } .md\:max-w-\[1000px\] { max-width: 1000px; } .md\:max-w-full { max-width: 100%; } .md\:max-w-lg { max-width: var(--container-lg); } .md\:max-w-none { max-width: none; } .md\:min-w-full { min-width: 100%; } .md\:flex-\[1\.5\] { flex: 1.5; } .md\:flex-\[2\] { flex: 2; } .md\:shrink-0 { flex-shrink: 0; } .md\:grow-0 { flex-grow: 0; } .md\:-translate-x-1\/3 { --tw-translate-x: calc(calc(1 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:-translate-x-2\/3 { --tw-translate-x: calc(calc(2 / 3 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-x-0 { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-x-1\/3 { --tw-translate-x: calc(1 / 3 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-x-2\/3 { --tw-translate-x: calc(2 / 3 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-x-\[calc\(100\%\+2rem\)\] { --tw-translate-x: calc(100% + 2rem); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:translate-y-\[300\%\] { --tw-translate-y: 300%; translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:animate-marquee-ltr { animation: var(--animate-marquee-ltr); } .md\:animate-marquee-rtl { animation: var(--animate-marquee-rtl); } .md\:columns-3 { columns: 3; } .md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .md\:grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:grid-cols-\[2fr_1fr\] { grid-template-columns: 2fr 1fr; } .md\:grid-rows-1 { grid-template-rows: repeat(1, minmax(0, 1fr)); } .md\:flex-row { flex-direction: row; } .md\:flex-nowrap { flex-wrap: nowrap; } .md\:flex-wrap { flex-wrap: wrap; } .md\:items-center { align-items: center; } .md\:justify-around { justify-content: space-around; } .md\:justify-between { justify-content: space-between; } .md\:justify-end { justify-content: flex-end; } .md\:gap-6 { gap: calc(var(--spacing) * 6); } .md\:gap-20 { gap: calc(var(--spacing) * 20); } .md\:gap-md { gap: var(--spacing-md); gap: var(--space-md); gap: var(--spacing-md); } .md\:gap-sm { gap: var(--spacing-sm); gap: var(--space-sm); gap: var(--spacing-sm); } .md\:gap-x-4 { column-gap: calc(var(--spacing) * 4); } .md\:gap-x-10 { column-gap: calc(var(--spacing) * 10); } .md\:gap-x-16 { column-gap: calc(var(--spacing) * 16); } :where(.md\:space-x-4 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 4) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-x-reverse))); } :where(.md\:space-x-6 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 6) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-x-reverse))); } .md\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .md\:gap-y-10 { row-gap: calc(var(--spacing) * 10); } .md\:self-auto { align-self: auto; } .md\:overflow-visible { overflow: visible; } .md\:rounded-2xl\! { border-radius: var(--radius-2xl) !important; } .md\:rounded-theme-full { border-radius: var(--radius-theme-full); } .md\:rounded-xl { border-radius: var(--radius-xl); } .min-\[900px\]\:rounded-t-2xl { border-top-left-radius: var(--radius-2xl); border-top-right-radius: var(--radius-2xl); } .min-\[900px\]\:rounded-b-2xl { border-bottom-right-radius: var(--radius-2xl); border-bottom-left-radius: var(--radius-2xl); } .md\:border-b-0 { border-bottom-style: var(--tw-border-style); border-bottom-width: 0; } .md\:bg-transparent { background-color: #0000; } .md\:object-contain { object-fit: contain; } .md\:p-0 { padding: calc(var(--spacing) * 0); } .md\:p-1 { padding: calc(var(--spacing) * 1); } .md\:p-2 { padding: calc(var(--spacing) * 2); } .md\:p-2\.5 { padding: calc(var(--spacing) * 2.5); } .md\:p-10 { padding: calc(var(--spacing) * 10); } .md\:px-0 { padding-inline: calc(var(--spacing) * 0); } .md\:px-6 { padding-inline: calc(var(--spacing) * 6); } .md\:px-9 { padding-inline: calc(var(--spacing) * 9); } .md\:px-11 { padding-inline: calc(var(--spacing) * 11); } .md\:px-14 { padding-inline: calc(var(--spacing) * 14); } .md\:px-\[2\%\] { padding-inline: 2%; } .md\:px-\[50px\] { padding-inline: 50px; } .md\:px-button-lg-px { padding-inline: var(--spacing-button-lg-px); } .md\:py-0 { padding-block: calc(var(--spacing) * 0); } .md\:py-0\.5 { padding-block: calc(var(--spacing) * .5); } .md\:py-2 { padding-block: calc(var(--spacing) * 2); } .md\:py-2\.5 { padding-block: calc(var(--spacing) * 2.5); } .md\:py-3xl { padding-block: var(--spacing-3xl); } .md\:py-5 { padding-block: calc(var(--spacing) * 5); } .md\:py-9 { padding-block: calc(var(--spacing) * 9); } .md\:py-10 { padding-block: calc(var(--spacing) * 10); } .md\:py-20 { padding-block: calc(var(--spacing) * 20); } .md\:py-\[60px\] { padding-block: 60px; } .md\:py-button-lg-py { padding-block: var(--spacing-button-lg-py); } .md\:pe-11 { padding-inline-end: calc(var(--spacing) * 11); } .md\:pt-0 { padding-top: calc(var(--spacing) * 0); } .md\:pt-3 { padding-top: calc(var(--spacing) * 3); } .md\:pt-5 { padding-top: calc(var(--spacing) * 5); } .md\:pt-6 { padding-top: calc(var(--spacing) * 6); } .md\:pt-8 { padding-top: calc(var(--spacing) * 8); } .md\:pt-44 { padding-top: calc(var(--spacing) * 44); } .md\:pt-\[1\.4rem\] { padding-top: 1.4rem; } .md\:pr-0 { padding-right: calc(var(--spacing) * 0); } .md\:pr-11 { padding-right: calc(var(--spacing) * 11); } .md\:pr-28 { padding-right: calc(var(--spacing) * 28); } .md\:pb-0 { padding-bottom: calc(var(--spacing) * 0); } .md\:pb-8 { padding-bottom: calc(var(--spacing) * 8); } .md\:pb-12 { padding-bottom: calc(var(--spacing) * 12); } .md\:pb-20 { padding-bottom: calc(var(--spacing) * 20); } .md\:pb-\[1\.4rem\] { padding-bottom: 1.4rem; } .md\:pl-0 { padding-left: calc(var(--spacing) * 0); } .md\:text-center { text-align: center; } .md\:text-left { text-align: left; } .md\:text-right { text-align: right; } .md\:text-body-lg { font-size: var(--text-body-lg); line-height: var(--tw-leading, var(--text-body-lg--line-height)); letter-spacing: var(--tw-tracking, var(--text-body-lg--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-body-lg--font-weight)); } .md\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .md\:text-base { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } .md\:text-lg { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .md\:text-sm { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } .md\:text-xl { font-size: var(--text-xl); line-height: var(--tw-leading, var(--text-xl--line-height)); } .md\:text-\[clamp\(2rem\,17cqw\,200px\)\] { font-size: clamp(2rem, 17cqw, 200px); } .md\:font-medium { --tw-font-weight: var(--font-weight-medium); font-weight: var(--font-weight-medium); } .md\:opacity-0 { opacity: 0; } .md\:opacity-100 { opacity: 1; } .md\:shadow-\[0_4px_12px_rgba\(31\,33\,36\,0\.2\)\,0_2px_6px_rgba\(31\,33\,36\,0\.05\)\] { --tw-shadow: 0 4px 12px var(--tw-shadow-color, #1f212433), 0 2px 6px var(--tw-shadow-color, #1f21240d); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .md\:\[--bk-l2-rows\:1\] { --bk-l2-rows: 1; } .md\:\[anchor-name\:--lang-trigger\] { anchor-name: --lang-trigger; } .md\:\[grid-template-areas\:\"items_aside\"_\"belt_belt\"\] { grid-template-areas: "items aside" "belt belt"; } .md\:\[position-anchor\:--lang-trigger\] { position-anchor: --lang-trigger; } .group-first\:md\:pt-lg:is(:where(.group):first-child *) { padding-top: var(--spacing-lg); } .group-last\:md\:pb-lg:is(:where(.group):last-child *) { padding-bottom: var(--spacing-lg); } .md\:before\:-bottom-\[32px\]:before, .md\:after\:-bottom-\[32px\]:after { content: var(--tw-content); bottom: -32px; } .first-of-type\:md\:pt-lg:first-of-type { padding-top: var(--spacing-lg); } .last-of-type\:md\:pb-lg:last-of-type { padding-bottom: var(--spacing-lg); } } @media (prefers-reduced-motion: no-preference) { @media (min-width: 900px) { .motion-safe\:md\:absolute { position: absolute; } .motion-safe\:md\:sticky { position: sticky; } .motion-safe\:md\:top-0 { top: calc(var(--spacing) * 0); } .motion-safe\:md\:top-\[75\%\] { top: 75%; } .motion-safe\:md\:left-0 { left: calc(var(--spacing) * 0); } .motion-safe\:md\:min-h-\[calc\(100svh-100px\)\] { min-height: calc(100svh - 100px); } .motion-safe\:md\:animate-logo-group-marquee { animation: var(--animate-logo-group-marquee); } .motion-safe\:md\:animate-logo-group-marquee-reverse { animation: var(--animate-logo-group-marquee-reverse); } .motion-safe\:md\:overflow-hidden { overflow: hidden; } .motion-safe\:md\:pt-\[max\(50svh\,660px\)\] { padding-top: max(50svh, 660px); } .motion-safe\:md\:pb-\[calc\(100svh-72px\)\] { padding-bottom: calc(100svh - 72px); } @media (hover: hover) { :is(.motion-safe\:md\:hover\:\*\:animation-pause:hover > *) { animation-play-state: paused; } } } } @media (prefers-reduced-motion: reduce) { @media (min-width: 900px) { .motion-reduce\:md\:mx-auto { margin-inline: auto; } } } @media (min-width: 900px) { @media (prefers-reduced-motion: reduce) { .md\:motion-reduce\:hidden { display: none; } } } @media (prefers-reduced-motion: reduce) { @media (min-width: 900px) { .motion-reduce\:md\:aspect-\[var\(--stack-aspect-ratio\)\] { aspect-ratio: var(--stack-aspect-ratio); } } } @media (min-width: 900px) { @media (prefers-reduced-motion: reduce) { .md\:motion-reduce\:w-full { width: 100%; } } } @media (prefers-reduced-motion: reduce) { @media (min-width: 900px) { .motion-reduce\:md\:w-\[calc\(25\%-var\(--spacing-md\)\)\] { width: calc(25% - var(--spacing-md)); } .motion-reduce\:md\:w-full { width: 100%; } .motion-reduce\:md\:max-w-4xl { max-width: var(--container-4xl); } .motion-reduce\:md\:shrink-0 { flex-shrink: 0; } } } @media (min-width: 900px) { @media (prefers-reduced-motion: reduce) { .md\:motion-reduce\:animate-none { animation: none; } .md\:motion-reduce\:flex-wrap { flex-wrap: wrap; } .md\:motion-reduce\:justify-center { justify-content: center; } } } @media (prefers-reduced-motion: reduce) { @media (min-width: 900px) { .motion-reduce\:md\:justify-center { justify-content: center; } } } @media (min-width: 900px) { @media (prefers-reduced-motion: reduce) { .md\:motion-reduce\:gap-4 { gap: calc(var(--spacing) * 4); } } } @media (prefers-reduced-motion: reduce) { @media (min-width: 900px) { .motion-reduce\:md\:gap-md { gap: var(--spacing-md); gap: var(--space-md); gap: var(--spacing-md); } .motion-reduce\:md\:gap-x-5 { column-gap: calc(var(--spacing) * 5); } :where(.motion-reduce\:md\:space-x-0 > :not(:last-child)) { --tw-space-x-reverse: 0; margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse)); margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse))); } } } @media (min-width: 900px) { @media (prefers-reduced-motion: reduce) { .md\:motion-reduce\:overflow-visible { overflow: visible; } } } @media (prefers-reduced-motion: reduce) { @media (min-width: 900px) { .motion-reduce\:md\:overflow-visible { overflow: visible; } } } @media (min-width: 900px) { @media not all and (min-width: 1200px) { .md\:max-lg\:col-span-3 { grid-column: span 3 / span 3; } .md\:max-lg\:grid-rows-\[min-content\] { grid-template-rows: min-content; } .md\:max-lg\:gap-y-6 { row-gap: calc(var(--spacing) * 6); } .md\:max-lg\:overflow-x-hidden { overflow-x: hidden; } .md\:max-lg\:text-3xl { font-size: var(--text-3xl); line-height: var(--tw-leading, var(--text-3xl--line-height)); } .md\:max-lg\:before\:absolute:before { content: var(--tw-content); position: absolute; } .md\:max-lg\:before\:top-0:before { content: var(--tw-content); top: calc(var(--spacing) * 0); } .md\:max-lg\:before\:left-1\/2:before { content: var(--tw-content); left: 50%; } .md\:max-lg\:before\:z-10:before { content: var(--tw-content); z-index: 10; } .md\:max-lg\:before\:h-px:before { content: var(--tw-content); height: 1px; } .md\:max-lg\:before\:w-\[200vw\]:before { content: var(--tw-content); width: 200vw; } .md\:max-lg\:before\:-translate-x-1\/2:before { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .md\:max-lg\:before\:bg-\[\#121C1E\]:before { content: var(--tw-content); background-color: #121c1e; } .md\:max-lg\:before\:bg-\[\#f4f4f5\]:before { content: var(--tw-content); background-color: #f4f4f5; } } } @media (min-width: 1200px) { .lg\:pointer-events-auto { pointer-events: auto; } .lg\:pointer-events-none { pointer-events: none; } .lg\:absolute { position: absolute; } .lg\:relative { position: relative; } .lg\:sticky { position: sticky; } .lg\:start-0 { inset-inline-start: calc(var(--spacing) * 0); } .lg\:top-\[11svh\] { top: 11svh; } .lg\:top-full { top: 100%; } .lg\:top-global-header { top: var(--spacing-global-header); } .lg\:-bottom-9 { bottom: calc(var(--spacing) * -9); } .lg\:bottom-0 { bottom: calc(var(--spacing) * 0); } .lg\:z-10 { z-index: 10; } .lg\:z-20 { z-index: 20; } .lg\:z-30 { z-index: 30; } .lg\:order-3 { order: 3; } .lg\:order-4 { order: 4; } .lg\:order-5 { order: 5; } .lg\:col-span-1 { grid-column: span 1 / span 1; } .lg\:col-span-2 { grid-column: span 2 / span 2; } .lg\:col-span-3 { grid-column: span 3 / span 3; } .lg\:col-span-4 { grid-column: span 4 / span 4; } .lg\:col-span-5 { grid-column: span 5 / span 5; } .lg\:col-span-6 { grid-column: span 6 / span 6; } .lg\:col-span-7 { grid-column: span 7 / span 7; } .lg\:col-span-8 { grid-column: span 8 / span 8; } .lg\:col-span-9 { grid-column: span 9 / span 9; } .lg\:col-span-10 { grid-column: span 10 / span 10; } .lg\:col-span-11 { grid-column: span 11 / span 11; } .lg\:col-span-12 { grid-column: span 12 / span 12; } .lg\:col-start-1 { grid-column-start: 1; } .lg\:col-start-2 { grid-column-start: 2; } .lg\:col-start-3 { grid-column-start: 3; } .lg\:col-start-4 { grid-column-start: 4; } .lg\:col-start-5 { grid-column-start: 5; } .lg\:col-start-6 { grid-column-start: 6; } .lg\:col-start-7 { grid-column-start: 7; } .lg\:col-start-8 { grid-column-start: 8; } .lg\:col-start-9 { grid-column-start: 9; } .lg\:col-start-10 { grid-column-start: 10; } .lg\:col-start-11 { grid-column-start: 11; } .lg\:col-start-12 { grid-column-start: 12; } .lg\:col-start-auto { grid-column-start: auto; } .lg\:me-auto { margin-inline-end: auto; } .lg\:mt-0 { margin-top: calc(var(--spacing) * 0); } .lg\:mb-1 { margin-bottom: calc(var(--spacing) * 1); } .lg\:mb-10 { margin-bottom: calc(var(--spacing) * 10); } .lg\:ml-0 { margin-left: calc(var(--spacing) * 0); } .lg\:ml-28 { margin-left: calc(var(--spacing) * 28); } .lg\:\!flex { display: flex !important; } .lg\:block { display: block; } .lg\:flex { display: flex; } .lg\:hidden { display: none; } .lg\:aspect-\[2\.17\] { aspect-ratio: 2.17; } .lg\:h-9 { height: calc(var(--spacing) * 9); } .lg\:h-\[87px\] { height: 87px; } .lg\:h-\[90px\] { height: 90px; } .lg\:h-\[120svh\] { height: 120svh; } .lg\:h-\[360px\] { height: 360px; } .lg\:max-h-\[321px\] { max-height: 321px; } .lg\:max-h-\[546px\] { max-height: 546px; } .lg\:max-h-\[calc\(90vh-72px\)\] { max-height: calc(90vh - 72px); } .lg\:min-h-\[480px\] { min-height: 480px; } .lg\:\!w-1\/2 { width: 50% !important; } .lg\:w-56 { width: calc(var(--spacing) * 56); } .lg\:w-\[66rem\] { width: 66rem; } .lg\:w-\[125px\] { width: 125px; } .lg\:w-\[190px\] { width: 190px; } .lg\:w-\[311px\] { width: 311px; } .lg\:w-\[377px\] { width: 377px; } .lg\:w-\[450px\] { width: 450px; } .lg\:w-\[550px\] { width: 550px; } .lg\:w-\[calc\(\(100\%-80px\)\/3\)\] { width: calc(33.3333% - 26.6667px); } .lg\:max-w-3xl { max-width: var(--container-3xl); } .lg\:max-w-\[1000px\] { max-width: 1000px; } .lg\:max-w-sm { max-width: var(--container-sm); } .lg\:-translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:-translate-y-6 { --tw-translate-y: calc(var(--spacing) * -6); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:-translate-y-\[calc\(100\%\+1px\)\] { --tw-translate-y: calc(calc(100% + 1px) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:translate-y-\[1\.5px\] { --tw-translate-y: 1.5px; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:columns-4 { columns: 4; } .lg\:grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .lg\:grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .lg\:grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .lg\:grid-cols-\[3fr_1fr\] { grid-template-columns: 3fr 1fr; } .lg\:grid-cols-\[repeat\(5\,auto\)\] { grid-template-columns: repeat(5, auto); } .lg\:grid-cols-\[repeat\(6\,auto\)\] { grid-template-columns: repeat(6, auto); } .lg\:grid-cols-\[var\(--belt-calc\)_var\(--belt-calc\)_var\(--belt-calc\)_296px\] { grid-template-columns: var(--belt-calc) var(--belt-calc) var(--belt-calc) 296px; } .lg\:flex-col { flex-direction: column; } .lg\:flex-row { flex-direction: row; } .lg\:flex-nowrap { flex-wrap: nowrap; } .lg\:items-center { align-items: center; } .lg\:items-start { align-items: flex-start; } .lg\:justify-between { justify-content: space-between; } .lg\:gap-0 { gap: calc(var(--spacing) * 0); } .lg\:gap-10 { gap: calc(var(--spacing) * 10); } .lg\:gap-14 { gap: calc(var(--spacing) * 14); } .lg\:gap-md { gap: var(--spacing-md); gap: var(--space-md); gap: var(--spacing-md); } .lg\:gap-xl { gap: var(--spacing-xl); gap: var(--space-xl); gap: var(--spacing-xl); } .lg\:gap-x-0\.5 { column-gap: calc(var(--spacing) * .5); } .lg\:gap-x-1 { column-gap: calc(var(--spacing) * 1); } .lg\:gap-x-6 { column-gap: calc(var(--spacing) * 6); } .lg\:gap-x-7 { column-gap: calc(var(--spacing) * 7); } .lg\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } .lg\:gap-y-6 { row-gap: calc(var(--spacing) * 6); } .lg\:overflow-hidden { overflow: hidden; } .lg\:overflow-y-auto { overflow-y: auto; } .lg\:rounded-lg { border-radius: var(--radius-lg); } .lg\:rounded-xl { border-radius: var(--radius-xl); } .lg\:bg-component-header-bg { background-color: var(--color-component-header-bg); } .lg\:bg-transparent { background-color: #0000; } .lg\:p-0 { padding: calc(var(--spacing) * 0); } .lg\:p-2xl { padding: var(--spacing-2xl); } .lg\:p-16 { padding: calc(var(--spacing) * 16); } .lg\:p-xl { padding: var(--spacing-xl); } .lg\:px-3 { padding-inline: calc(var(--spacing) * 3); } .lg\:px-8 { padding-inline: calc(var(--spacing) * 8); } .lg\:px-\[90px\] { padding-inline: 90px; } .lg\:py-2 { padding-block: calc(var(--spacing) * 2); } .lg\:py-3\.5 { padding-block: calc(var(--spacing) * 3.5); } .lg\:py-3xl { padding-block: var(--spacing-3xl); } .lg\:py-6 { padding-block: calc(var(--spacing) * 6); } .lg\:ps-10 { padding-inline-start: calc(var(--spacing) * 10); } .lg\:ps-\[13px\] { padding-inline-start: 13px; } .lg\:pe-\[13px\] { padding-inline-end: 13px; } .lg\:pt-10 { padding-top: calc(var(--spacing) * 10); } .lg\:pb-9 { padding-bottom: calc(var(--spacing) * 9); } .lg\:pb-10 { padding-bottom: calc(var(--spacing) * 10); } .lg\:pl-5 { padding-left: calc(var(--spacing) * 5); } .lg\:\!text-left { text-align: left !important; } .lg\:text-\[19px\] { font-size: 19px; } .lg\:leading-\[1\.8\] { --tw-leading: 1.8; line-height: 1.8; } .lg\:font-normal { --tw-font-weight: var(--font-weight-normal); font-weight: var(--font-weight-normal); } .lg\:text-component-header-content { color: var(--color-component-header-content); } .lg\:opacity-0 { opacity: 0; } .lg\:opacity-100 { opacity: 1; } .lg\:shadow-light { --tw-shadow: 0 8px 48px var(--tw-shadow-color, #06060814), 0 4px 8px var(--tw-shadow-color, #18181b0a), 0 0 2px var(--tw-shadow-color, #18181b40); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .lg\:ring-0 { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .lg\:transition-\[opacity\,translate\] { transition-property: opacity, translate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .lg\:transition-opacity { transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .lg\:transition-opacity-transform { transition-property: opacity, transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .lg\:transition-transform { transition-property: transform, translate, scale, rotate; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .lg\:delay-\[50ms\,0ms\] { transition-delay: 50ms, 0s; } .lg\:delay-\[150ms\] { transition-delay: .15s; } .lg\:duration-200 { --tw-duration: .2s; transition-duration: .2s; } .lg\:duration-300 { --tw-duration: .3s; transition-duration: .3s; } .lg\:duration-500 { --tw-duration: .5s; transition-duration: .5s; } .lg\:duration-\[300ms\] { --tw-duration: .3s; transition-duration: .3s; } .lg\:ease-ease-out-cubic { --tw-ease: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); } .lg\:will-change-\[opacity\,translate\] { will-change: opacity, translate; } .lg\:will-change-\[opacity\] { will-change: opacity; } .lg\:will-change-transform { will-change: transform; } .lg\:no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; -ms-overflow-style: none; scrollbar-width: none; } .lg\:\[--belt-calc\:calc\(\(100\%-416px\)\/3\)\] { --belt-calc: calc((100% - 416px) / 3); } .lg\:\[--bk-l2-rows\:2\] { --bk-l2-rows: 2; } @media (hover: hover) { .lg\:group-hover\:opacity-50:is(:where(.group):hover *) { opacity: .5; } } .lg\:peer-checked\/l3ItemsMore\:pointer-events-auto:is(:where(.peer\/l3ItemsMore):checked ~ *) { pointer-events: auto; } .lg\:peer-checked\/l3ItemsMore\:translate-y-2:is(:where(.peer\/l3ItemsMore):checked ~ *) { --tw-translate-y: calc(var(--spacing) * 2); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:peer-checked\/l3ItemsMore\:opacity-100:is(:where(.peer\/l3ItemsMore):checked ~ *) { opacity: 1; } .lg\:before\:pointer-events-none:before { content: var(--tw-content); pointer-events: none; } .lg\:before\:absolute:before { content: var(--tw-content); position: absolute; } .lg\:before\:start-0:before { content: var(--tw-content); inset-inline-start: calc(var(--spacing) * 0); } .lg\:before\:top-0:before { content: var(--tw-content); top: calc(var(--spacing) * 0); } .lg\:before\:-bottom-5:before { content: var(--tw-content); bottom: calc(var(--spacing) * -5); } .lg\:before\:bottom-0:before { content: var(--tw-content); bottom: calc(var(--spacing) * 0); } .lg\:before\:bottom-9:before { content: var(--tw-content); bottom: calc(var(--spacing) * 9); } .lg\:before\:left-1\/2:before { content: var(--tw-content); left: 50%; } .lg\:before\:left-\[-24px\]:before { content: var(--tw-content); left: -24px; } .lg\:before\:z-10:before { content: var(--tw-content); z-index: 10; } .lg\:before\:h-6:before { content: var(--tw-content); height: calc(var(--spacing) * 6); } .lg\:before\:h-9:before { content: var(--tw-content); height: calc(var(--spacing) * 9); } .lg\:before\:h-10:before { content: var(--tw-content); height: calc(var(--spacing) * 10); } .lg\:before\:h-full:before { content: var(--tw-content); height: 100%; } .lg\:before\:w-0\.5:before { content: var(--tw-content); width: calc(var(--spacing) * .5); } .lg\:before\:w-\[200vw\]:before { content: var(--tw-content); width: 200vw; } .lg\:before\:w-\[calc\(100\%\+4rem\)\]:before { content: var(--tw-content); width: calc(100% + 4rem); } .lg\:before\:w-full:before { content: var(--tw-content); width: 100%; } .lg\:before\:-translate-x-1\/2:before { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:before\:-translate-y-full:before { content: var(--tw-content); --tw-translate-y: -100%; translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:before\:bg-shade-80:before { content: var(--tw-content); background-color: var(--color-shade-80); } .lg\:before\:bg-\[linear-gradient\(0deg\,\#02090A_0px\,transparent_40px\)\]:before { content: var(--tw-content); background-image: linear-gradient(0deg, #02090a 0, #0000 40px); } .lg\:before\:bg-\[linear-gradient\(0deg\,\#fff_0px\,transparent_40px\)\]:before { content: var(--tw-content); background-image: linear-gradient(0deg, #fff 0, #0000 40px); } .lg\:before\:opacity-0:before { content: var(--tw-content); opacity: 0; } .lg\:before\:shadow-xl:before { content: var(--tw-content); --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .lg\:before\:transition-opacity:before { content: var(--tw-content); transition-property: opacity; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .lg\:before\:delay-0:before { content: var(--tw-content); transition-delay: 0s; } .lg\:before\:delay-\[350ms\]:before { content: var(--tw-content); transition-delay: .35s; } .lg\:before\:duration-300:before { content: var(--tw-content); --tw-duration: .3s; transition-duration: .3s; } .lg\:before\:will-change-\[opacity\]:before { content: var(--tw-content); will-change: opacity; } .lg\:after\:pointer-events-none:after { content: var(--tw-content); pointer-events: none; } .lg\:after\:absolute:after { content: var(--tw-content); position: absolute; } .lg\:after\:top-0:after { content: var(--tw-content); top: calc(var(--spacing) * 0); } .lg\:after\:left-1\/2:after { content: var(--tw-content); left: 50%; } .lg\:after\:h-full:after { content: var(--tw-content); height: 100%; } .lg\:after\:w-\[200vw\]:after { content: var(--tw-content); width: 200vw; } .lg\:after\:-translate-x-1\/2:after { content: var(--tw-content); --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:after\:bg-\[\#02090A\]:after { content: var(--tw-content); background-color: #02090a; } .lg\:after\:bg-white:after { content: var(--tw-content); background-color: var(--color-white); } .lg\:after\:ring-1:after { content: var(--tw-content); --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } .lg\:after\:ring-\[\#121C1E\]:after { content: var(--tw-content); --tw-ring-color: #121c1e; } .lg\:after\:ring-\[\#f4f4f5\]:after { content: var(--tw-content); --tw-ring-color: #f4f4f5; } .lg\:after\:ring-inset:after { content: var(--tw-content); --tw-ring-inset: inset; } @media (hover: hover) { .lg\:hover\:z-40:hover { z-index: 40; } .lg\:hover\:scale-125:hover { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } .lg\:hover\:text-component-header-content:hover { color: var(--color-component-header-content); } .lg\:hover\:underline:hover { text-decoration-line: underline; } .lg\:hover\:ring-0:hover { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } @media (hover: hover) { .lg\:group-hover\:hover\:opacity-100:is(:where(.group):hover *):hover { opacity: 1; } } .lg\:hover\:before\:pointer-events-auto:hover:before { content: var(--tw-content); pointer-events: auto; } } .lg\:focus\:text-component-header-content:focus { color: var(--color-component-header-content); } .lg\:focus\:ring-0:focus { --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor); box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow); } } @media (prefers-reduced-motion: no-preference) { @media (min-width: 1200px) { .motion-safe\:lg\:min-h-\[calc\(100svh-250px\)\] { min-height: calc(100svh - 250px); } .motion-safe\:lg\:pt-\[max\(100svh\,900px\)\] { padding-top: max(100svh, 900px); } .motion-safe\:lg\:pb-\[calc\(100svh-100px\)\] { padding-bottom: calc(100svh - 100px); } } } @media (prefers-reduced-motion: reduce) { @media (min-width: 1200px) { .motion-reduce\:lg\:w-\[calc\(20\%-var\(--spacing-md\)\)\] { width: calc(20% - var(--spacing-md)); } .motion-reduce\:lg\:max-w-6xl { max-width: var(--container-6xl); } } } @media (min-width: 1200px) { @media (prefers-reduced-motion: reduce) { .lg\:motion-reduce\:gap-4 { gap: calc(var(--spacing) * 4); } } } @media (prefers-reduced-motion: reduce) { @media (min-width: 1200px) { .motion-reduce\:lg\:gap-md { gap: var(--spacing-md); gap: var(--space-md); gap: var(--spacing-md); } } } @media (min-width: 1200px) { @media not all and (min-width: 1500px) { .lg\:max-\[1500px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media not all and (min-width: 1460px) { .lg\:max-\[1460px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media not all and (min-width: 1420px) { .lg\:max-\[1420px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media not all and (min-width: 1380px) { .lg\:max-\[1380px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media not all and (min-width: 1370px) { .lg\:max-\[1370px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media not all and (min-width: 1350px) { .lg\:max-\[1350px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media not all and (min-width: 1330px) { .lg\:max-\[1330px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media not all and (min-width: 1300px) { .lg\:max-\[1300px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } } @media not all and (min-width: 1280px) { .lg\:max-\[1280px\]\:px-2 { padding-inline: calc(var(--spacing) * 2); } } } @media (min-width: 1280px) { .min-\[1280px\]\:inline-flex { display: inline-flex; } } @media (min-width: 1300px) { .min-\[1300px\]\:mr-8 { margin-right: calc(var(--spacing) * 8); } .min-\[1300px\]\:inline-flex { display: inline-flex; } .min-\[1300px\]\:gap-x-8 { column-gap: calc(var(--spacing) * 8); } } @media (min-width: 1330px) { .min-\[1330px\]\:inline-flex { display: inline-flex; } } @media (min-width: 1350px) { .min-\[1350px\]\:inline-flex { display: inline-flex; } } @media (min-width: 1370px) { .min-\[1370px\]\:inline-flex { display: inline-flex; } } @media (min-width: 1380px) { .min-\[1380px\]\:inline-flex { display: inline-flex; } } @media (min-width: 1420px) { .min-\[1420px\]\:inline-flex { display: inline-flex; } } @media (min-width: 1460px) { .min-\[1460px\]\:inline-flex { display: inline-flex; } } @media (min-width: 1500px) { .min-\[1500px\]\:inline-flex { display: inline-flex; } } @media (min-width: 1600px) { .xl\:start-\[calc\(\(100\%-1420px\)\/2\)\] { inset-inline-start: calc(50% - 710px); } .xl\:top-\[22svh\] { top: 22svh; } .xl\:right-xl-auto { right: calc((50% - 800px) + var(--margin)); } .xl\:left-\[calc\(\(100\%-1420px\)\/2\)\] { left: calc(50% - 710px); } .xl\:left-xl-auto { left: calc((50% - 800px) + var(--margin)); } .xl\:col-span-1 { grid-column: span 1 / span 1; } .xl\:col-span-2 { grid-column: span 2 / span 2; } .xl\:col-span-3 { grid-column: span 3 / span 3; } .xl\:col-span-4 { grid-column: span 4 / span 4; } .xl\:col-span-5 { grid-column: span 5 / span 5; } .xl\:col-span-6 { grid-column: span 6 / span 6; } .xl\:col-span-7 { grid-column: span 7 / span 7; } .xl\:col-span-8 { grid-column: span 8 / span 8; } .xl\:col-span-9 { grid-column: span 9 / span 9; } .xl\:col-span-10 { grid-column: span 10 / span 10; } .xl\:col-span-11 { grid-column: span 11 / span 11; } .xl\:col-span-12 { grid-column: span 12 / span 12; } .xl\:col-start-1 { grid-column-start: 1; } .xl\:col-start-2 { grid-column-start: 2; } .xl\:col-start-3 { grid-column-start: 3; } .xl\:col-start-4 { grid-column-start: 4; } .xl\:col-start-5 { grid-column-start: 5; } .xl\:col-start-6 { grid-column-start: 6; } .xl\:col-start-7 { grid-column-start: 7; } .xl\:col-start-8 { grid-column-start: 8; } .xl\:col-start-9 { grid-column-start: 9; } .xl\:col-start-10 { grid-column-start: 10; } .xl\:col-start-11 { grid-column-start: 11; } .xl\:col-start-12 { grid-column-start: 12; } .xl\:h-180 { height: 45rem; } .xl\:h-\[381px\] { height: 381px; } .xl\:min-h-\[600px\] { min-height: 600px; } .xl\:w-\[350px\] { width: 350px; } .xl\:w-\[425px\] { width: 425px; } .xl\:w-\[507px\] { width: 507px; } .xl\:w-\[650px\] { width: 650px; } .xl\:w-full { width: 100%; } .xl\:max-w-\[1100px\] { max-width: 1100px; } .xl\:translate-y-\[400\%\] { --tw-translate-y: 400%; translate: var(--tw-translate-x) var(--tw-translate-y); } .xl\:px-0 { padding-inline: calc(var(--spacing) * 0); } .xl\:px-auto-xl { padding-inline: calc((50% - (1600px / 2)) + var(--margin)); } .xl\:px-xl-auto { padding-inline: calc((50% - 800px) + var(--margin)); } .xl\:before\:w-\[50vw\]:before { content: var(--tw-content); width: 50vw; } } @media (prefers-reduced-motion: no-preference) { @media (min-width: 1600px) { .motion-safe\:xl\:pt-\[max\(100svh\,1000px\)\] { padding-top: max(100svh, 1000px); } .motion-safe\:xl\:pb-\[max\(calc\(100svh-250px\)\,700px\)\] { padding-bottom: max(100svh - 250px, 700px); } } } .ltr\:-translate-x-1\/2:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .ltr\:-translate-x-1\/4:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { --tw-translate-x: calc(calc(1 / 4 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } .ltr\:translate-x-16:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { --tw-translate-x: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:ltr\:-translate-x-1\/2:before { content: var(--tw-content); } .before\:ltr\:-translate-x-1\/2:before:where() { --tw-translate-x: calc(calc(1 / 2 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } @media not all and (min-width: 1200px) { .max-lg\:ltr\:translate-x-16:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { --tw-translate-x: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media not all and (min-width: 640px) { .max-sm\:after\:ltr\:-translate-x-1\/4:after { content: var(--tw-content); } .max-sm\:after\:ltr\:-translate-x-1\/4:after:where() { --tw-translate-x: calc(calc(1 / 4 * 100%) * -1); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (min-width: 1200px) { .lg\:ltr\:translate-x-16:where(:dir(ltr), [dir="ltr"], [dir="ltr"] *) { --tw-translate-x: calc(var(--spacing) * 16); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:before\:ltr\:-translate-x-8:before { content: var(--tw-content); } .lg\:before\:ltr\:-translate-x-8:before:where() { --tw-translate-x: calc(var(--spacing) * -8); translate: var(--tw-translate-x) var(--tw-translate-y); } } .rtl\:origin-top-right:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { transform-origin: 100% 0; } .rtl\:-translate-x-16:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * -16); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:translate-x-1\/2:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:translate-x-1\/4:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(1 / 4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .rtl\:translate-x-\[\.5em\]:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: .5em; translate: var(--tw-translate-x) var(--tw-translate-y); } .before\:rtl\:translate-x-1\/2:before { content: var(--tw-content); } .before\:rtl\:translate-x-1\/2:before:where() { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } @media not all and (min-width: 1200px) { .max-lg\:rtl\:-translate-x-16:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * -16); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media not all and (min-width: 640px) { .max-sm\:after\:rtl\:translate-x-1\/4:after { content: var(--tw-content); } .max-sm\:after\:rtl\:translate-x-1\/4:after:where() { --tw-translate-x: calc(1 / 4 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (min-width: 1200px) { .lg\:rtl\:-translate-x-16:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) { --tw-translate-x: calc(var(--spacing) * -16); translate: var(--tw-translate-x) var(--tw-translate-y); } .lg\:before\:rtl\:translate-x-8:before { content: var(--tw-content); } .lg\:before\:rtl\:translate-x-8:before:where() { --tw-translate-x: calc(var(--spacing) * 8); translate: var(--tw-translate-x) var(--tw-translate-y); } } @media (prefers-color-scheme: dark) { .dark\:text-gray-300 { color: var(--color-gray-300); } } @media (pointer: coarse) { .pointer-coarse\:pointer-events-none { pointer-events: none; } } .scheme-white\:border-shade-20[data-background="white"] { border-color: var(--color-shade-20); } .scheme-white\:bg-shade-10[data-background="white"] { background-color: var(--color-shade-10); } .scheme-white\:before\:border-shade-20[data-background="white"]:before { content: var(--tw-content); border-color: var(--color-shade-20); } .scheme-white\:before\:bg-shade-10[data-background="white"]:before { content: var(--tw-content); background-color: var(--color-shade-10); } .scheme-white\:after\:border-shade-20[data-background="white"]:after { content: var(--tw-content); border-color: var(--color-shade-20); } .scheme-white\:after\:bg-shade-10[data-background="white"]:after { content: var(--tw-content); background-color: var(--color-shade-10); } .scheme-black\:border-shade-70[data-background="black"] { border-color: var(--color-shade-70); } .scheme-black\:bg-shade-90[data-background="black"] { background-color: var(--color-shade-90); } .scheme-black\:text-white[data-background="black"] { color: var(--color-white); } .scheme-black\:before\:border-shade-70[data-background="black"]:before { content: var(--tw-content); border-color: var(--color-shade-70); } .scheme-black\:before\:bg-shade-90[data-background="black"]:before { content: var(--tw-content); background-color: var(--color-shade-90); } .scheme-black\:after\:border-shade-70[data-background="black"]:after { content: var(--tw-content); border-color: var(--color-shade-70); } .scheme-black\:after\:bg-shade-90[data-background="black"]:after { content: var(--tw-content); background-color: var(--color-shade-90); } .scheme-transparent-light\:border-shade-20[data-background="transparent_light"] { border-color: var(--color-shade-20); } .scheme-transparent-light\:bg-shade-10[data-background="transparent_light"] { background-color: var(--color-shade-10); } .scheme-transparent-light\:before\:border-shade-20[data-background="transparent_light"]:before { content: var(--tw-content); border-color: var(--color-shade-20); } .scheme-transparent-light\:before\:bg-shade-10[data-background="transparent_light"]:before { content: var(--tw-content); background-color: var(--color-shade-10); } .scheme-transparent-light\:after\:border-shade-20[data-background="transparent_light"]:after { content: var(--tw-content); border-color: var(--color-shade-20); } .scheme-transparent-light\:after\:bg-shade-10[data-background="transparent_light"]:after { content: var(--tw-content); background-color: var(--color-shade-10); } .scheme-transparent-dark\:border-shade-70[data-background="transparent_dark"] { border-color: var(--color-shade-70); } .scheme-transparent-dark\:bg-shade-90[data-background="transparent_dark"] { background-color: var(--color-shade-90); } .scheme-transparent-dark\:text-white[data-background="transparent_dark"] { color: var(--color-white); } .scheme-transparent-dark\:before\:border-shade-70[data-background="transparent_dark"]:before { content: var(--tw-content); border-color: var(--color-shade-70); } .scheme-transparent-dark\:before\:bg-shade-90[data-background="transparent_dark"]:before { content: var(--tw-content); background-color: var(--color-shade-90); } .scheme-transparent-dark\:after\:border-shade-70[data-background="transparent_dark"]:after { content: var(--tw-content); border-color: var(--color-shade-70); } .scheme-transparent-dark\:after\:bg-shade-90[data-background="transparent_dark"]:after { content: var(--tw-content); background-color: var(--color-shade-90); } @media (hover: none) { .touch-device\:hidden { display: none; } } .peer-checked\/l3ItemsMobile\:\[\&\]\:-scale-100:is(:where(.peer\/l3ItemsMobile):checked ~ *) { --tw-scale-x: calc(100% * -1); --tw-scale-y: calc(100% * -1); --tw-scale-z: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } @media not all and (min-width: 640px) { .max-sm\:group-last\/childItem\:\[\&\]\:pb-6:is(:where(.group\/childItem):last-child *) { padding-bottom: calc(var(--spacing) * 6); } } @media (min-width: 640px) { @media not all and (min-width: 1200px) { .sm\:max-lg\:group-\[\:nth-last-child\(-n\+2\)\]\/childItem\:\[\&\]\:pb-6:is(:where(.group\/childItem):nth-last-child(-n+2) *) { padding-bottom: calc(var(--spacing) * 6); } } } @media (min-width: 1200px) { .lg\:group-first\/childItem\:\[\&\]\:pt-7:is(:where(.group\/childItem):first-child *) { padding-top: calc(var(--spacing) * 7); } .lg\:group-last\/childItem\:\[\&\]\:pb-7:is(:where(.group\/childItem):last-child *) { padding-bottom: calc(var(--spacing) * 7); } } .\[\&_\.underlined\]\:underline .underlined { text-decoration-line: underline; } .\[\&_\.underlined\]\:decoration-2 .underlined { text-decoration-thickness: 2px; } .\[\&_\.underlined\]\:underline-offset-\[5px\] .underlined { text-underline-offset: 5px; } .\[\&_\.w-bottom-bar\]\:\!hidden .w-bottom-bar { display: none !important; } .\[\&_\[data-component-name\=\'eyebrow\'\]\]\:text-\[16px\] [data-component-name="eyebrow"] { font-size: 16px; } .\[\&_\[data-component-name\=\'eyebrow\'\]\]\:\!font-normal [data-component-name="eyebrow"] { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } .\[\&_\[data-component-name\=\'eyebrow\'\]\]\:\!text-\[\#00000099\] [data-component-name="eyebrow"] { color: #0009 !important; } .\[\&_\[data-component-name\=\'eyebrow\'\]\]\:\!normal-case [data-component-name="eyebrow"] { text-transform: none !important; } .\[\&_\[data-handle\=\"bigPlayButton\"\]\]\:\!hidden [data-handle="bigPlayButton"], .\[\&_\[data-handle\=\"playPauseLoading\"\]\]\:\!hidden [data-handle="playPauseLoading"], .\[\&_\[data-handle\=\"playPauseNotifier\"\]\]\:\!hidden [data-handle="playPauseNotifier"] { display: none !important; } .\[\&_a\]\:\!font-\[var\(--font-weight-t3\)\] a { --tw-font-weight: var(--font-weight-t3) !important; font-weight: var(--font-weight-t3) !important; } .\[\&_a\]\:\!font-normal a { --tw-font-weight: var(--font-weight-normal) !important; font-weight: var(--font-weight-normal) !important; } .\[\&_a\]\:\!text-inherit a { color: inherit !important; } .\[\&_a\]\:text-brochure-bot-link a { color: #00e; } .\[\&_a\]\:no-underline a { text-decoration-line: none; } .\[\&_a\]\:underline a { text-decoration-line: underline; } .\[\&_a\]\:\[text-decoration-thickness\:2px\] a { text-decoration-thickness: 2px; } .\[\&_a\]\:\[text-underline-offset\:5px\] a { text-underline-offset: 5px; } .first\:\[\&_a\]\:\!no-underline:first-child a { text-decoration-line: none !important; } .\[\&_a\:hover\]\:no-underline a:hover { text-decoration-line: none; } :where(.default\:\[\&_h1\]\:text-shade-90) h1 { color: var(--color-shade-90); } :where(.default\:\[\&_h1\]\:text-white) h1 { color: var(--color-white); } .\[\&_h2\]\:text-center h2 { text-align: center; } :where(.default\:\[\&_h2\]\:text-shade-90) h2 { color: var(--color-shade-90); } :where(.default\:\[\&_h2\]\:text-white) h2 { color: var(--color-white); } @media (min-width: 640px) { .sm\:\[\&_h2\]\:text-left h2 { text-align: left; } } :where(.default\:\[\&_h3\]\:text-shade-90) h3 { color: var(--color-shade-90); } :where(.default\:\[\&_h3\]\:text-white) h3 { color: var(--color-white); } .\[\&_h4\]\:mt-md h4 { margin-top: var(--spacing-md); } .\[\&_h4\]\:mb-2 h4 { margin-bottom: calc(var(--spacing) * 2); } .\[\&_h4\]\:text-t7 h4 { font-size: var(--text-t7); line-height: var(--tw-leading, var(--text-t7--line-height)); letter-spacing: var(--tw-tracking, var(--text-t7--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t7--font-weight)); } .\[\&_h5\]\:mt-md h5 { margin-top: var(--spacing-md); } .\[\&_h5\]\:mb-2 h5 { margin-bottom: calc(var(--spacing) * 2); } .\[\&_h5\]\:text-t8 h5 { font-size: var(--text-t8); line-height: var(--tw-leading, var(--text-t8--line-height)); letter-spacing: var(--tw-tracking, var(--text-t8--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t8--font-weight)); } .\[\&_h6\]\:mt-md h6 { margin-top: var(--spacing-md); } .\[\&_h6\]\:mb-2 h6 { margin-bottom: calc(var(--spacing) * 2); } .\[\&_h6\]\:text-t8 h6 { font-size: var(--text-t8); line-height: var(--tw-leading, var(--text-t8--line-height)); letter-spacing: var(--tw-tracking, var(--text-t8--letter-spacing)); font-weight: var(--tw-font-weight, var(--text-t8--font-weight)); } .\[\&_img\]\:mx-auto img { margin-inline: auto; } .\[\&_img\]\:overflow-hidden img { overflow: hidden; } .\[\&_img\]\:rounded img { border-radius: .25rem; } .\[\&_label\]\:text-zinc-400 label { color: var(--color-zinc-400); } .\[\&_li\]\:ps-0 li { padding-inline-start: calc(var(--spacing) * 0); } .\[\&_li_p\]\:my-0 li p { margin-block: calc(var(--spacing) * 0); } .\[\&_li\:\:marker\]\:text-black li::marker { color: var(--color-black); } .\[\&_ol\]\:list-none ol { list-style-type: none; } .\[\&_ol\]\:pl-0 ol { padding-left: calc(var(--spacing) * 0); } .\[\&_ol\]\:\[counter-reset\:list-counter\] ol { counter-reset: list-counter; } .\[\&_ol\>li\]\:relative ol > li { position: relative; } .\[\&_ol\>li\]\:pt-\[6px\] ol > li { padding-top: 6px; } .\[\&_ol\>li\]\:pl-10 ol > li { padding-left: calc(var(--spacing) * 10); } .\[\&_ol\>li\]\:\[counter-increment\:list-counter\] ol > li { counter-increment: list-counter; } .\[\&_ol\>li\]\:before\:absolute ol > li:before { content: var(--tw-content); position: absolute; } .\[\&_ol\>li\]\:before\:top-1 ol > li:before { content: var(--tw-content); top: calc(var(--spacing) * 1); } .\[\&_ol\>li\]\:before\:left-0 ol > li:before { content: var(--tw-content); left: calc(var(--spacing) * 0); } .\[\&_ol\>li\]\:before\:h-6 ol > li:before { content: var(--tw-content); height: calc(var(--spacing) * 6); } .\[\&_ol\>li\]\:before\:w-6 ol > li:before { content: var(--tw-content); width: calc(var(--spacing) * 6); } .\[\&_ol\>li\]\:before\:rounded-full ol > li:before { content: var(--tw-content); border-radius: 3.40282e38px; } .\[\&_ol\>li\]\:before\:bg-brochure-bot-list-accent ol > li:before { content: var(--tw-content); background-color: #f1f2f4; } .\[\&_ol\>li\]\:before\:pt-\[4\.5px\] ol > li:before { content: var(--tw-content); padding-top: 4.5px; } .\[\&_ol\>li\]\:before\:text-center ol > li:before { content: var(--tw-content); text-align: center; } .\[\&_ol\>li\]\:before\:text-xs ol > li:before { content: var(--tw-content); font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } .\[\&_ol\>li\]\:before\:font-semibold ol > li:before { content: var(--tw-content); --tw-font-weight: var(--font-weight-semibold); font-weight: var(--font-weight-semibold); } .\[\&_ol\>li\]\:before\:text-brochure-bot-list-marker ol > li:before { content: var(--tw-content); color: #616a75; } .\[\&_ol\>li\]\:before\:content-\[counter\(list-counter\)\] ol > li:before { --tw-content: counter(list-counter); content: var(--tw-content); } .\[\&_ol\>li\]\:after\:absolute ol > li:after { content: var(--tw-content); position: absolute; } .\[\&_ol\>li\]\:after\:top-6 ol > li:after { content: var(--tw-content); top: calc(var(--spacing) * 6); } .\[\&_ol\>li\]\:after\:left-\[11px\] ol > li:after { content: var(--tw-content); left: 11px; } .\[\&_ol\>li\]\:after\:h-\[calc\(100\%-8px\)\] ol > li:after { content: var(--tw-content); height: calc(100% - 8px); } .\[\&_ol\>li\]\:after\:w-0\.5 ol > li:after { content: var(--tw-content); width: calc(var(--spacing) * .5); } .\[\&_ol\>li\]\:after\:bg-brochure-bot-list-accent ol > li:after { content: var(--tw-content); background-color: #f1f2f4; } .\[\&_ol\>li\]\:after\:content-\[\'\'\] ol > li:after { --tw-content: ""; content: var(--tw-content); } .\[\&_ol\>li\:last-child\]\:after\:hidden ol > li:last-child:after { content: var(--tw-content); display: none; } .\[\&_p\]\:text-center p { text-align: center; } .\[\&_p\]\:text-sm p { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } @media (min-width: 640px) { .sm\:\[\&_p\]\:text-left p { text-align: left; } .\[\&_p\]\:sm\:text-base p { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } } .\[\&_path\]\:stroke-black path { stroke: var(--color-black); } .\[\&_path\]\:stroke-white path { stroke: var(--color-white); } .\[\&_path\]\:stroke-1 path { stroke-width: 1px; } @media (hover: hover) { .group-hover\:\[\&_path\]\:stroke-black:is(:where(.group):hover *) path { stroke: var(--color-black); } .group-hover\:\[\&_path\]\:stroke-white:is(:where(.group):hover *) path { stroke: var(--color-white); } } .\[\&_picture\]\:block picture { display: block; } .\[\&_picture\]\:h-full picture { height: 100%; } .\[\&_picture\]\:w-full picture { width: 100%; } .\[\&_pre\]\:overflow-x-scroll pre { overflow-x: scroll; } .peer-checked\:\[\&_span\]\:opacity-0:is(:where(.peer):checked ~ *) span { opacity: 0; } .peer-checked\:\[\&_span\]\:delay-0:is(:where(.peer):checked ~ *) span { transition-delay: 0s; } .\[\&_strong\]\:font-bold strong { --tw-font-weight: var(--font-weight-bold); font-weight: var(--font-weight-bold); } .\[\&_svg\]\:ml-2 svg { margin-left: calc(var(--spacing) * 2); } .\[\&_svg\]\:translate-x-0 svg { --tw-translate-x: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&_svg\]\:scale-0 svg { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .\[\&_svg\]\:scale-100 svg { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } .\[\&_svg\]\:text-zinc-400 svg { color: var(--color-zinc-400); } .\[\&_svg\]\:opacity-0 svg { opacity: 0; } .\[\&_svg\]\:opacity-100 svg { opacity: 1; } .\[\&_svg\]\:transition-all svg { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .\[\&_svg\]\:duration-700 svg { --tw-duration: .7s; transition-duration: .7s; } @media (hover: hover) { .hover\:\[\&_svg\]\:text-black:hover svg { color: var(--color-black); } .hover\:\[\&_svg\]\:text-white:hover svg { color: var(--color-white); } } @media (min-width: 1200px) { .lg\:peer-checked\/l3ItemsMore\:\[\&_svg\]\:-scale-100:is(:where(.peer\/l3ItemsMore):checked ~ *) svg { --tw-scale-x: calc(100% * -1); --tw-scale-y: calc(100% * -1); --tw-scale-z: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } } .\[\&_textarea\]\:text-base textarea { font-size: var(--text-base); line-height: var(--tw-leading, var(--text-base--line-height)); } @media (min-width: 640px) { .sm\:\[\&_textarea\]\:text-sm textarea { font-size: var(--text-sm); line-height: var(--tw-leading, var(--text-sm--line-height)); } } .\[\&_ul\]\:list-outside ul { list-style-position: outside; } .\[\&_ul\]\:pl-3 ul { padding-left: calc(var(--spacing) * 3); } .\[\&_ul\]\:\[counter-reset\:list-counter\] ul { counter-reset: list-counter; } .\[\&_ul_li\]\:ps-0 ul li { padding-inline-start: calc(var(--spacing) * 0); } .\[\&_ul_li\:\:marker\]\:text-black ul li::marker { color: var(--color-black); } .\[\&_video\]\:object-cover video { object-fit: cover; } @media (min-width: 900px) { .md\:\[\&_video\]\:object-contain video { object-fit: contain; } } @media not all and (min-width: 1200px) { .max-lg\:\[\&\+\&\]\:border-t + .max-lg\:\[\&\+\&\]\:border-t { border-top-style: var(--tw-border-style); border-top-width: 1px; } } .\[\&\:\:cue\]\:text-lg::cue { font-size: var(--text-lg); line-height: var(--tw-leading, var(--text-lg--line-height)); } .\[\&\:\:cue\]\:leading-\[1\.35\]::cue { --tw-leading: 1.35; line-height: 1.35; } .\[\&\:\:cue\]\:whitespace-pre-wrap::cue { white-space: pre-wrap; } .\[\&\:focus_svg\]\:translate-x-\[0\.3em\]:focus svg { --tw-translate-x: .3em; translate: var(--tw-translate-x) var(--tw-translate-y); } @media (min-width: 900px) { @media not all and (min-width: 1200px) { .md\:max-lg\:\[\&\:has\(\+_nav_input\:checked\~_\.level2-media-container\)\]\:before\:content-none:has( + nav input:checked ~ .level2-media-container):before { content: var(--tw-content); --tw-content: none; content: none; } } } .\[\&\:has\(\.level1-item\:focus-within\)\]\:before\:opacity-100:has(.level1-item:focus-within):before { content: var(--tw-content); opacity: 1; } .\[\&\:has\(\.level1-item\:focus-within\)\]\:before\:delay-100:has(.level1-item:focus-within):before { content: var(--tw-content); transition-delay: .1s; } .\[\&\:has\(\.level1-item\:focus-within\)\]\:after\:opacity-100:has(.level1-item:focus-within):after { content: var(--tw-content); opacity: 1; } .\[\&\:has\(\.level1-item\:focus-within\)\]\:after\:delay-100:has(.level1-item:focus-within):after { content: var(--tw-content); transition-delay: .1s; } @media (min-width: 1200px) { .lg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:before\:opacity-100:has(.level1-item:focus-within):before { content: var(--tw-content); opacity: 1; } .lg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:before\:delay-100:has(.level1-item:focus-within):before { content: var(--tw-content); transition-delay: .1s; } .lg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:after\:opacity-100:has(.level1-item:focus-within):after { content: var(--tw-content); opacity: 1; } .lg\:\[\&\:has\(\.level1-item\:focus-within\)\]\:after\:delay-100:has(.level1-item:focus-within):after { content: var(--tw-content); transition-delay: .1s; } } .\[\&\:has\(\.level1-item\:hover\)\]\:before\:opacity-100:has(.level1-item:hover):before { content: var(--tw-content); opacity: 1; } .\[\&\:has\(\.level1-item\:hover\)\]\:before\:delay-100:has(.level1-item:hover):before { content: var(--tw-content); transition-delay: .1s; } .\[\&\:has\(\.level1-item\:hover\)\]\:after\:opacity-100:has(.level1-item:hover):after { content: var(--tw-content); opacity: 1; } .\[\&\:has\(\.level1-item\:hover\)\]\:after\:delay-100:has(.level1-item:hover):after { content: var(--tw-content); transition-delay: .1s; } @media (min-width: 1200px) { .lg\:\[\&\:has\(\.level1-item\:hover\)\]\:before\:opacity-100:has(.level1-item:hover):before { content: var(--tw-content); opacity: 1; } .lg\:\[\&\:has\(\.level1-item\:hover\)\]\:before\:delay-100:has(.level1-item:hover):before { content: var(--tw-content); transition-delay: .1s; } .lg\:\[\&\:has\(\.level1-item\:hover\)\]\:after\:opacity-100:has(.level1-item:hover):after { content: var(--tw-content); opacity: 1; } .lg\:\[\&\:has\(\.level1-item\:hover\)\]\:after\:delay-100:has(.level1-item:hover):after { content: var(--tw-content); transition-delay: .1s; } } @media not all and (min-width: 1200px) { .max-lg\:\[\&\:has\(nav_\.peer\/l1Mobile\:checked\)\]\:before\:opacity-100:has():before { content: var(--tw-content); opacity: 1; } } @media (min-width: 900px) { @media not all and (min-width: 1200px) { .md\:max-lg\:\[\&\:has\(nav_\.peer\/l1Mobile\:checked\~_\.level2-media-container\)\]\:before\:content-none:has():before { content: var(--tw-content); --tw-content: none; content: none; } } } .\[\&\:hover_svg\]\:translate-x-\[0\.3em\]:hover svg { --tw-translate-x: .3em; translate: var(--tw-translate-x) var(--tw-translate-y); } .\[\&\>\*\]\:pointer-events-none > * { pointer-events: none; } .\[\&\>\*\]\:invisible > * { visibility: hidden; } .\[\&\>\*\]\:-mb-\[2000px\] > * { margin-bottom: -2000px; } .\[\&\>\*\]\:max-h-0 > * { max-height: calc(var(--spacing) * 0); } .\[\&\>\*\]\:max-h-\[10000px\] > * { max-height: 10000px; } .\[\&\>\*\]\:\[will-change\:auto\] > * { will-change: auto; } .\[\&\>\*\]\:\[transform-style\:flat\] > * { transform-style: flat; } .\[\&\>\*\]\:\[transition\:margin-bottom_0\.2s_cubic-bezier\(0\,0\,0\,1\)\] > * { transition: margin-bottom .2s cubic-bezier(0, 0, 0, 1); } .\[\&\>\*\]\:\[transition\:margin-bottom_400ms_cubic-bezier\(1\,0\,1\,1\)\,visibility_0s_400ms\,max-height_0s_400ms\] > * { transition: margin-bottom .4s cubic-bezier(1, 0, 1, 1), visibility 0s .4s, max-height 0s .4s; } .\[\&\>\*\:first-child\]\:mt-auto > :first-child { margin-top: auto; } .\[\&\>button\]\:w-fit > button { width: fit-content; } .\[\&\>button\]\:text-left > button { text-align: left; } .\[\&\>div\]\:grid > div { display: grid; } @media (min-width: 900px) { .\[\&\>div\]\:md\:justify-center > div { justify-content: center; } } @media not all and (min-width: 1200px) { .max-lg\:\[\&\>picture\]\:hidden > picture { display: none; } } .\[\&\>svg\]\:scale-0 > svg { --tw-scale-x: 0%; --tw-scale-y: 0%; --tw-scale-z: 0%; scale: var(--tw-scale-x) var(--tw-scale-y); } .\[\&\>svg\]\:transition-all > svg { transition-property: all; transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)); transition-duration: var(--tw-duration, var(--default-transition-duration)); } .peer-checked\:\[\&\>svg\]\:scale-100:is(:where(.peer):checked ~ *) > svg { --tw-scale-x: 100%; --tw-scale-y: 100%; --tw-scale-z: 100%; scale: var(--tw-scale-x) var(--tw-scale-y); } @media (hover: hover) { .hover\:\[\&\>svg\]\:scale-125:hover > svg { --tw-scale-x: 125%; --tw-scale-y: 125%; --tw-scale-z: 125%; scale: var(--tw-scale-x) var(--tw-scale-y); } } .level1-item:focus-within .\[\.level1-item\:focus-within_\&\]\:-scale-y-100 { --tw-scale-y: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } @media (min-width: 1200px) { .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:opacity-100 { opacity: 1; } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:delay-200 { transition-delay: .2s; } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[250ms\,300ms\] { transition-delay: .25s, .3s; } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[300ms\,350ms\] { transition-delay: .3s, .35s; } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[350ms\,400ms\] { transition-delay: .35s, .4s; } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[400ms\,450ms\] { transition-delay: .4s, .45s; } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[450ms\,500ms\] { transition-delay: .45s, .5s; } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:delay-\[500ms\,550ms\] { transition-delay: .5s, .55s; } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:before\:opacity-100:before { content: var(--tw-content); opacity: 1; } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:before\:delay-\[350ms\]:before { content: var(--tw-content); transition-delay: .35s; } .level1-item:focus-within .lg\:\[\.level1-item\:focus-within_\&\]\:before\:duration-\[300ms\]:before { content: var(--tw-content); --tw-duration: .3s; transition-duration: .3s; } } .level1-item:hover .\[\.level1-item\:hover_\&\]\:-scale-y-100 { --tw-scale-y: calc(100% * -1); scale: var(--tw-scale-x) var(--tw-scale-y); } @media (min-width: 1200px) { .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:pointer-events-auto { pointer-events: auto; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:translate-y-0 { --tw-translate-y: calc(var(--spacing) * 0); translate: var(--tw-translate-x) var(--tw-translate-y); } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:opacity-100 { opacity: 1; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:delay-200 { transition-delay: .2s; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:delay-\[250ms\,300ms\] { transition-delay: .25s, .3s; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:delay-\[300ms\,350ms\] { transition-delay: .3s, .35s; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:delay-\[350ms\,400ms\] { transition-delay: .35s, .4s; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:delay-\[400ms\,450ms\] { transition-delay: .4s, .45s; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:delay-\[450ms\,500ms\] { transition-delay: .45s, .5s; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:delay-\[500ms\,550ms\] { transition-delay: .5s, .55s; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:before\:opacity-100:before { content: var(--tw-content); opacity: 1; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:before\:delay-\[350ms\]:before { content: var(--tw-content); transition-delay: .35s; } .level1-item:hover .lg\:\[\.level1-item\:hover_\&\]\:before\:duration-\[300ms\]:before { content: var(--tw-content); --tw-duration: .3s; transition-duration: .3s; } .level2-wrapper:hover .lg\:\[\.level2-wrapper\:hover_\&\]\:delay-0 { transition-delay: 0s; } .level3-container:hover > .lg\:\[\.level3-container\:hover\>\&\]\:opacity-50 { opacity: .5; } @media (hover: hover) { .level3-container:hover > .lg\:\[\.level3-container\:hover\>\&\]\:hover\:opacity-100:hover { opacity: 1; } } .level3-link:hover .lg\:\[\.level3-link\:hover_\&\]\:translate-x-1\/2 { --tw-translate-x: calc(1 / 2 * 100%); translate: var(--tw-translate-x) var(--tw-translate-y); } .level3-link:hover .lg\:\[\.level3-link\:hover_\&\]\:opacity-100 { opacity: 1; } } @media (max-height: 771px) and (min-width: 1200px) { .\[\@media\(max-height\:771px\)_and_\(min-width\:1200px\)\]\:max-h-\[417px\] { max-height: 417px; } .\[\@media\(max-height\:771px\)_and_\(min-width\:1200px\)\]\:gap-y-8 { row-gap: calc(var(--spacing) * 8); } .\[\@media\(max-height\:771px\)_and_\(min-width\:1200px\)\]\:py-1\.5 { padding-block: calc(var(--spacing) * 1.5); } } @media (min-width: 1420px) { .\[\@media\(width\>\=1420px\)\]\:grid-cols-\[var\(--belt-calc\)_var\(--belt-calc\)_var\(--belt-calc\)_calc\(25\%-10px\)\] { grid-template-columns: var(--belt-calc) var(--belt-calc) var(--belt-calc) calc(25% - 10px); } .\[\@media\(width\>\=1420px\)\]\:\[--belt-calc\:calc\(\(75\%-110px\)\/3\)\] { --belt-calc: calc((75% - 110px) / 3); } } html:not([lang*="en"]) .\[html\:not\(\[lang\*\=\"en\"\]\)_\&\]\:text-\[clamp\(1\.50rem\,18cqw\,140px\)\] { font-size: clamp(1.5rem, 18cqw, 140px); } @media (min-width: 340px) { html:not([lang*="en"]) .xs\:\[html\:not\(\[lang\*\=\"en\"\]\)_\&\]\:text-\[clamp\(1\.58rem\,20cqw\,140px\)\] { font-size: clamp(1.58rem, 20cqw, 140px); } } @media (min-width: 640px) { html:not([lang*="en"]) .sm\:\[html\:not\(\[lang\*\=\"en\"\]\)_\&\]\:text-\[clamp\(1\.58rem\,20cqw\,140px\)\] { font-size: clamp(1.58rem, 20cqw, 140px); } } @media (min-width: 900px) { html:not([lang*="en"]) .md\:\[html\:not\(\[lang\*\=\"en\"\]\)_\&\]\:text-\[clamp\(2rem\,15cqw\,180px\)\] { font-size: clamp(2rem, 15cqw, 180px); } html:not([lang*="en"]) .md\:\[html\:not\(\[lang\*\=\'en\'\]\)_\&\]\:py-\[100px\] { padding-block: 100px; } } @media (min-width: 1600px) { html:not([lang*="en"]) .xl\:\[html\:not\(\[lang\*\=\'en\'\]\)_\&\]\:py-\[60px\] { padding-block: 60px; } html:not([lang*="fr"]) .xl\:\[html\:not\(\[lang\*\=\'fr\'\]\)_\&\]\:flex-row { flex-direction: row; } } html:not([lang="en"]) .\[html\:not\(\[lang\=\'en\'\]\)_\&\]\:text-xs { font-size: var(--text-xs); line-height: var(--tw-leading, var(--text-xs--line-height)); } html[lang*="th"] .\[html\[lang\*\=\"th\"\]_\&\]\:pt-16 { padding-top: calc(var(--spacing) * 16); } @media (min-width: 1200px) { html[lang*="th"] .lg\:\[html\[lang\*\=\"th\"\]_\&\]\:text-\[clamp\(1\.58rem\,20cqw\,160px\)\] { font-size: clamp(1.58rem, 20cqw, 160px); } } @media (min-width: 1600px) { html[lang*="th"] .xl\:\[html\[lang\*\=\"th\"\]_\&\]\:text-\[clamp\(2rem\,15cqw\,180px\)\] { font-size: clamp(2rem, 15cqw, 180px); } } html[lang*="fr"] .\[html\[lang\*\=\'fr\'\]_\&\]\:w-mm-850 { width: 56.1cqw; } html[lang*="fr"] .\[html\[lang\*\=\'fr\'\]_\&\]\:text-mm-90, html[lang*="fr"] .\[html\[lang\*\=\'fr\'\]_\&\,html\[lang\*\=\'es\'\]_\&\,html\[lang\*\=\'pt\'\]_\&\]\:text-mm-90, html[lang*="es"] .\[html\[lang\*\=\'fr\'\]_\&\,html\[lang\*\=\'es\'\]_\&\,html\[lang\*\=\'pt\'\]_\&\]\:text-mm-90, html[lang*="pt"] .\[html\[lang\*\=\'fr\'\]_\&\,html\[lang\*\=\'es\'\]_\&\,html\[lang\*\=\'pt\'\]_\&\]\:text-mm-90 { font-size: 5.94cqw; } html[lang*="th"] .\[html\[lang\*\=\'th\'\]_\&\]\:leading-\[1\.8\] { --tw-leading: 1.8; line-height: 1.8; } @media not all and (min-width: 1200px) { li:first-child .max-lg\:\[li\:first-child_\&\]\:after\:from-\[rgba\(9\,78\,255\,0\.30\)\]:after { content: var(--tw-content); --tw-gradient-from: #094eff4d; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } li:last-child .max-lg\:\[li\:last-child_\&\]\:after\:from-\[rgba\(115\,55\,232\,0\.43\)\]:after { content: var(--tw-content); --tw-gradient-from: #7337e86e; --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position)); } } } @media (min-width: 1600px) { .xl\:col-start-3 { grid-column-start: 3; } } @layer utility { [data-mode="light"] .richtext a:not(.no-richtext a), [data-mode="light"] .link { color: var(--color-link-light); } [data-mode="light"] .richtext a:not(.no-richtext a):hover, [data-mode="light"] .link:hover { color: var(--color-link-light-hover); } [data-mode="light"] .richtext a:not(.no-richtext a):active, [data-mode="light"] .link:active { color: var(--color-link-light-active); } [data-mode="light"] .richtext a:not(.no-richtext a):focus, [data-mode="light"] .link:focus { color: var(--color-link-light-focus); } [data-mode="dark"] .richtext a:not(.no-richtext a), [data-mode="dark"] .link, .link[data-mode="dark"] span, a[data-mode="dark"] span { color: var(--color-link-dark); } [data-mode="dark"] .richtext a:not(.no-richtext a):hover, [data-mode="dark"] .link:hover, .link[data-mode="dark"] span:hover, a[data-mode="dark"] span:hover { color: var(--color-link-dark-hover); } [data-mode="dark"] .richtext a:not(.no-richtext a):active, [data-mode="dark"] .link:active, .link[data-mode="dark"] span:active, a[data-mode="dark"] span:active { color: var(--color-link-dark-active); } [data-mode="dark"] .richtext a:not(.no-richtext a):focus, [data-mode="dark"] .link:focus, .link[data-mode="dark"] span:focus, a[data-mode="dark"] span:focus { color: var(--color-link-dark-focus); } header[data-has-secondary-navigation="true"] + main > section:first-child { padding-top: calc((var(--header-height) * 2) + 1px); } header[data-legacy-mode="true"] + main > section:first-child { padding-top: 6rem; } header[data-legacy-mode="true"][data-has-secondary-navigation="true"] + main > section:first-child { padding-top: 14.25rem; } } @media (min-width: 640px) { :root { --radius-theme-5xl: 2rem; } } @media (min-width: 900px) { :root { --radius-theme-md: .375rem; --radius-theme-lg: .5rem; --radius-theme-xl: .75rem; --radius-theme-2xl: 1rem; --radius-theme-3xl: 1.5rem; --radius-theme-4xl: 2rem; --radius-theme-5xl: 2.5rem; } } @media (min-width: 1200px) { :root { --radius-theme-5xl: 3rem; } } @media (min-width: 640px) { :root { --spacing-margin: 1.875rem; } } @media (min-width: 900px) { :root { --spacing-xs: .5rem; --spacing-sm: 1rem; --spacing-md: 1.5rem; --spacing-lg: 2rem; --spacing-xl: 2.5rem; --spacing-2xl: 4rem; --spacing-3xl: 5rem; --spacing-4xl: 8rem; --spacing-5xl: 10rem; --spacing-margin: 3.125rem; } } @media (min-width: 1200px) { :root { --spacing-gutter: 1.5rem; --spacing-margin: 5.625rem; } } @font-face { font-family: Inter-Variable; src: url("https://cdn.shopify.com/b/shopify-brochure2-assets/5949cd393a8375a896fd0a9b74307666.woff2") format("woff2"); font-style: normal; font-display: swap; } @supports (font-variant-ligatures: discretionary-ligatures) { body:not:lang(ja) { font-variant-ligatures: discretionary-ligatures; } } @media (min-width: 900px) { :root { --text-dsp: 4.375rem; --text-dsp--line-height: 4.725rem; --text-dsp--letter-spacing: -.015em; --text-t1: 3.375rem; --text-t1--line-height: 3.6345rem; --text-t1--letter-spacing: -.005em; --text-t2: 3rem; --text-t2--line-height: 3.3rem; --text-t2--letter-spacing: -.005em; --text-t3: 2.25rem; --text-t3--line-height: 2.52rem; --text-t3--letter-spacing: -.005em; --text-t4: 1.875rem; --text-t4--line-height: 2.1375rem; --text-t4--letter-spacing: 0; --text-t5: 1.625rem; --text-t5--font-weight: 360; --text-t5--line-height: 1.95rem; --text-t5--letter-spacing: -.01em; --text-t6: 1.375rem; --text-t6--font-weight: 400; --text-t6--line-height: 1.65rem; --text-t6--letter-spacing: -.005em; --text-t7: 1.125rem; --text-t7--line-height: 1.4625rem; --text-t7--letter-spacing: -.005em; --text-theme-cta-lg: 1.125rem; --text-theme-cta-lg--line-height: 1.75rem; } } @media (min-width: 1200px) { :root { --text-dsp: 6rem; --text-dsp--font-weight: 300; --text-dsp--line-height: 6.48rem; --text-dsp--letter-spacing: -.025em; --text-t1: 4rem; --text-t1--line-height: 4.32rem; --text-t1--letter-spacing: -.02em; --text-t2: 3.5rem; --text-t2--line-height: 3.78rem; --text-t2--letter-spacing: -.01em; --text-t3: 2.75rem; --text-t3--line-height: 3.025rem; --text-t3--letter-spacing: -.01em; --text-t4: 2.125rem; --text-t4--line-height: 2.4225rem; --text-t4--letter-spacing: 0; --text-t5: 1.75rem; --text-t5--line-height: 2.1rem; --text-t5--letter-spacing: -.01em; --text-t6: 1.5rem; --text-t6--line-height: 1.95rem; --text-t6--letter-spacing: -.01em; --text-t7: 1.25rem; --text-t7--line-height: 1.625rem; --text-t7--letter-spacing: 0; --text-t8: 1rem; --text-t8--line-height: 1.4rem; --text-t8--letter-spacing: 0; --text-body-base: 1.125rem; --text-body-base--line-height: 1.575rem; --text-body-base--font-weight: 400; --text-body-base--letter-spacing: 0; --text-body-lg: 1.25rem; --text-body-lg--line-height: 1.75rem; } } :root { --swiper-theme-color: #007aff; } :host { z-index: 1; margin-left: auto; margin-right: auto; display: block; position: relative; } .swiper { z-index: 1; margin-left: auto; margin-right: auto; padding: 0; list-style: none; display: block; position: relative; overflow: hidden; } .swiper-vertical > .swiper-wrapper { flex-direction: column; } .swiper-wrapper { z-index: 1; width: 100%; height: 100%; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial); box-sizing: content-box; display: flex; position: relative; } .swiper-android .swiper-slide, .swiper-ios .swiper-slide, .swiper-wrapper { transform: translate3d(0, 0, 0); } .swiper-horizontal { touch-action: pan-y; } .swiper-vertical { touch-action: pan-x; } .swiper-slide { flex-shrink: 0; width: 100%; height: 100%; transition-property: transform; display: block; position: relative; } .swiper-slide-invisible-blank { visibility: hidden; } .swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; } .swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; } .swiper-backface-hidden .swiper-slide { backface-visibility: hidden; transform: translateZ(0); } .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; } .swiper-3d .swiper-wrapper { transform-style: preserve-3d; } .swiper-3d { perspective: 1200px; } .swiper-3d .swiper-slide, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; } .swiper-css-mode > .swiper-wrapper { scrollbar-width: none; -ms-overflow-style: none; overflow: auto; } .swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; } .swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper { scroll-snap-type: x mandatory; } .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-slides-offset-before); scroll-margin-inline-start: var(--swiper-slides-offset-before); } .swiper-css-mode.swiper-horizontal > .swiper-wrapper > .swiper-slide:last-child { margin-inline-end: var(--swiper-slides-offset-after); } .swiper-css-mode.swiper-vertical > .swiper-wrapper { scroll-snap-type: y mandatory; } .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-slides-offset-before); scroll-margin-block-start: var(--swiper-slides-offset-before); } .swiper-css-mode.swiper-vertical > .swiper-wrapper > .swiper-slide:last-child { margin-block-end: var(--swiper-slides-offset-after); } .swiper-css-mode.swiper-free-mode > .swiper-wrapper { scroll-snap-type: none; } .swiper-css-mode.swiper-free-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: none; } .swiper-css-mode.swiper-centered > .swiper-wrapper:before { content: ""; flex-shrink: 0; order: 9999; } .swiper-css-mode.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; scroll-snap-stop: always; } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-horizontal > .swiper-wrapper:before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); } .swiper-css-mode.swiper-centered.swiper-vertical > .swiper-wrapper:before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); } .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { pointer-events: none; z-index: 10; width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .swiper-3d .swiper-slide-shadow { background: #00000026; } .swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, #00000080, #0000); } .swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(#00000080, #0000); } .swiper-lazy-preloader { z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-top-color: #0000; border-radius: 50%; width: 42px; height: 42px; margin-top: -21px; margin-left: -21px; position: absolute; top: 50%; left: 50%; } :is(.swiper:not(.swiper-watch-progress), .swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader { animation: 1s linear infinite swiper-preloader-spin; } .swiper-lazy-preloader-white { --swiper-preloader-color: #fff; } .swiper-lazy-preloader-black { --swiper-preloader-color: #000; } @keyframes swiper-preloader-spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } .swiper.swiper-cards { overflow: visible; } .swiper-cards .swiper-slide { transform-origin: bottom; backface-visibility: hidden; overflow: hidden; } @font-face { font-family: IBMPlexMono; font-weight: 300; font-style: normal; font-display: swap; src: url("https://cdn.shopify.com/static/fonts/ibmplexmono/IBMPlexMono-Light.woff2") format("woff2"); } @font-face { font-family: IBMPlexMono; font-weight: 400; font-style: normal; font-display: swap; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/IBMPlexMono--regular.woff2") format("woff2"); } @font-face { font-family: IBMPlexMono; font-weight: 500; font-style: normal; font-display: swap; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/IBMPlexMono--medium.woff2") format("woff2"); } @font-face { font-family: IBMPlexMono; font-weight: 600; font-style: normal; font-display: swap; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/IBMPlexMono--semibold.woff2") format("woff2"); } @font-face { font-family: PolySans; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/PolySans-Neutral.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: PolySans; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/PolySans-Median.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: swap; } @font-face { font-family: PolySans; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/PolySans-MedianItalic.woff2") format("woff2"); font-style: italic; font-weight: 600; font-display: swap; } @font-face { font-family: PolySans; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/PolySans-Bulky.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; } @font-face { font-family: DrukCondSuper; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/DrukCondSuper--black.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; } @font-face { font-family: DrukTextHeavy; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/DrukTextHeavy--bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; } @font-face { font-family: FT88; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/FT88--regular.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; } @font-face { font-family: Roslindale; src: url("https://cdn.shopify.com/shopifycloud/brochure2/production/fonts/editions-winter-2023/Roslindale/Roslindale-DisplayCondensedMedium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: Trap; src: url("https://cdn.shopify.com/static/fonts/Trap--regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: Trap; src: url("https://cdn.shopify.com/static/fonts/Trap--medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: Trap; src: url("https://cdn.shopify.com/static/fonts/Trap--bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; } @font-face { font-family: Trap; src: url("https://cdn.shopify.com/static/fonts/Trap--extrabold.woff2") format("woff2"); font-style: normal; font-weight: 800; font-display: swap; } @font-face { font-family: FeatureDisplay; src: url("https://cdn.shopify.com/static/fonts/capital/bfcm/FeatureDisplay-Regular.otf") format("opentype"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: FeatureDisplay; src: url("https://cdn.shopify.com/static/fonts/capital/bfcm/FeatureDisplay-Medium.otf") format("opentype"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: FeatureDisplay; src: url("https://cdn.shopify.com/static/fonts/capital/bfcm/FeatureDisplay-Bold.otf") format("opentype"); font-style: normal; font-weight: 700; font-display: swap; } @font-face { font-family: GoodSans; src: local(GoodSans), url("https://cdn.shopify.com/static/fonts/GoodSans-Bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: fallback; letter-spacing: -8px; } @font-face { font-family: GoodSans; src: local(GoodSans), url("https://cdn.shopify.com/static/fonts/GoodSans-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: fallback; } @font-face { font-family: GoodSans; src: local(GoodSans), url("https://cdn.shopify.com/static/fonts/GoodSansText-Regular.woff") format("woff2"); font-style: normal; font-weight: 400; font-display: fallback; } @font-face { font-family: PathwayGothicOne; src: local(PathwayGothicOne), url("https://cdn.shopify.com/static/fonts/business-name-generator/PathwayGothicOne-Regular.ttf") format("truetype"); font-style: normal; font-weight: 400; font-display: fallback; } @font-face { font-family: GraphikCondensed; src: url("https://cdn.shopify.com/b/shopify-brochure2-assets/1e1e522754b7b4e412753c8178f27b64.woff2") format("woff2"); font-style: normal; font-weight: 600; font-display: fallback; } @font-face { font-family: GTSuperDisplay; src: url("https://cdn.shopify.com/static/fonts/GT-Super-Display-Light.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; } @font-face { font-family: GTSuperDisplay; src: url("https://cdn.shopify.com/static/fonts/GT-Super-Display-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: GTSuperDisplay; src: url("https://cdn.shopify.com/static/fonts/GT-Super-Display-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: GTSuperTextBook; src: url("https://cdn.shopify.com/static/fonts/GT-Super-Text-Book.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; } @font-face { font-family: GTSuperText; src: url("https://cdn.shopify.com/static/fonts/GT-Super-Text-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: GTSuperText; src: url("https://cdn.shopify.com/static/fonts/GT-Super-Text-Medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: NaturalMarkerItalic; src: url("https://cdn.shopify.com/static/fonts/NaturalMarker-Italic.woff2") format("woff2"); font-style: italic; font-weight: 400; font-display: swap; } @font-face { font-family: NaturalMarker; src: url("https://cdn.shopify.com/static/fonts/NaturalMarker.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: GaramondNovaProCondensedLight; src: url("https://cdn.shopify.com/static/fonts/GaramondNovaProCondensedLight.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; } @font-face { font-family: GaramondNovaProCondensedLightItalic; src: url("https://cdn.shopify.com/static/fonts/GaramondNovaProCondensedLightItalic.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; } @font-face { font-family: GTAmericaMono; src: url("https://cdn.shopify.com/static/fonts/GT-America-Mono-Regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: Inter-Variable; src: url("https://cdn.shopify.com/b/shopify-brochure2-assets/5949cd393a8375a896fd0a9b74307666.woff2") format("woff2"); font-style: normal; font-display: swap; } @font-face { font-family: ShopifySans; src: url("https://cdn.shopify.com/static/fonts/ShopifySans--light.woff2") format("woff2"); font-style: normal; font-weight: 300; font-display: swap; } @font-face { font-family: ShopifySans; src: url("https://cdn.shopify.com/static/fonts/ShopifySans--regular.woff2") format("woff2"); font-style: normal; font-weight: 400; font-display: swap; } @font-face { font-family: ShopifySans; src: url("https://cdn.shopify.com/static/fonts/ShopifySans--medium.woff2") format("woff2"); font-style: normal; font-weight: 500; font-display: swap; } @font-face { font-family: ShopifySans; src: url("https://cdn.shopify.com/static/fonts/ShopifySans--bold.woff2") format("woff2"); font-style: normal; font-weight: 700; font-display: swap; } @font-face { font-family: ShopifySans; src: url("https://cdn.shopify.com/static/fonts/ShopifySans--extrabold.woff2") format("woff2"); font-style: normal; font-weight: 800; font-display: swap; } @font-face { font-family: ShopifySans; src: url("https://cdn.shopify.com/static/fonts/ShopifySans--black.woff2") format("woff2"); font-style: normal; font-weight: 900; font-display: swap; } body { font-feature-settings: "ss03"; } @supports (font-variant-ligatures: discretionary-ligatures) { body:not:lang(ja) { font-variant-ligatures: discretionary-ligatures; } } @media (min-width: 640px) { :root { --margin: 1.875rem; } } @media (min-width: 900px) { :root { --margin: 3.125rem; --font-size-button-lg: 1.125rem; --line-height-button-lg: 1.75rem; --font-size-t8: .875rem; --font-weight-t8: 450; --line-height-t8: 1.1375rem; --letter-spacing-t8: 0; --font-size-t7: 1.125rem; --font-weight-t7: 450; --line-height-t7: 1.4625rem; --letter-spacing-t7: -.005em; --font-size-t6: 1.375rem; --font-weight-t6: 400; --line-height-t6: 1.65rem; --letter-spacing-t6: -.005em; --font-size-t5: 1.625rem; --font-weight-t5: 360; --line-height-t5: 1.95rem; --letter-spacing-t5: -.01em; --font-size-t4: 1.875rem; --font-weight-t4: 330; --line-height-t4: 2.1375rem; --letter-spacing-t4: 0; --font-size-t3: 2.25rem; --font-weight-t3: 330; --line-height-t3: 2.52rem; --letter-spacing-t3: -.005em; --font-size-t2: 3rem; --font-weight-t2: 330; --line-height-t2: 3.3rem; --letter-spacing-t2: -.005em; --font-size-t1: 3.375rem; --font-weight-t1: 330; --line-height-t1: 3.645rem; --letter-spacing-t1: -.005em; --font-size-dsp: 4.375rem; --font-weight-dsp: 330; --line-height-dsp: 4.725rem; --letter-spacing-dsp: -.015em; --font-size-body-lg: 1.125rem; --line-height-body-lg: 1.575rem; --font-weight-body-lg: 400; --letter-spacing-body-lg: 0; --font-size-body-base: 1rem; --line-height-body-base: 1.4rem; --font-weight-body-base: 420; --letter-spacing-body-base: -.006em; --font-size-body-sm: .875rem; --line-height-body-sm: 1.1375rem; --font-weight-body-sm: 420; --letter-spacing-body-sm: 0; --space-xs: .5rem; --space-sm: 1rem; --space-md: 1.5rem; --space-lg: 2rem; --space-xl: 2.5rem; --space-2xl: 4rem; --space-3xl: 5rem; --space-4xl: 8rem; --space-5xl: 10rem; --hero-top: calc(var(--header-height)); } } @media (min-width: 1200px) { :root { --margin: 5.625rem; --gutter: 1.5rem; --font-size-t8: 1rem; --font-weight-t8: 450; --line-height-t8: 1.4rem; --letter-spacing-t8: 0; --font-size-t7: 1.25rem; --font-weight-t7: 450; --line-height-t7: 1.625rem; --letter-spacing-t7: 0; --font-size-t6: 1.5rem; --font-weight-t6: 400; --line-height-t6: 1.95rem; --letter-spacing-t6: -.01em; --font-size-t5: 1.75rem; --font-weight-t5: 360; --line-height-t5: 2.1rem; --letter-spacing-t5: -.01em; --font-size-t4: 2.125rem; --font-weight-t4: 330; --line-height-t4: 2.4225rem; --letter-spacing-t4: 0; --font-size-t3: 2.75rem; --font-weight-t3: 330; --line-height-t3: 3.025rem; --letter-spacing-t3: -.01em; --font-size-t2: 3.5rem; --font-weight-t2: 330; --line-height-t2: 3.78rem; --letter-spacing-t2: -.01em; --font-size-t1: 4rem; --font-weight-t1: 330; --line-height-t1: 4.32rem; --letter-spacing-t1: -.02em; --font-size-dsp: 6rem; --font-weight-dsp: 300; --line-height-dsp: 6.48rem; --letter-spacing-dsp: -.025em; --font-size-body-lg: 1.25rem; --line-height-body-lg: 1.75rem; --font-weight-body-lg: 400; --letter-spacing-body-lg: 0; --font-size-body-base: 1.125rem; --line-height-body-base: 1.575rem; --font-weight-body-base: 400; --letter-spacing-body-base: 0; --font-size-body-sm: .875rem; --line-height-body-sm: 1.1375rem; --font-weight-body-sm: 420; --letter-spacing-body-sm: 0; } } @supports not selector(:popover-open) { .language-selector-popover:not(.is-open) { display: none; } } @media (min-width: 1600px) { .xl\:col-start-3 { grid-column-start: 3; } } .focus-within\:ring-state-focus:focus-within { --tw-ring-opacity: 1; --tw-ring-color: rgb(117 27 233 / var(--tw-ring-opacity)); } a:not(:focus-visible), button:not(:focus-visible), input:not(:focus-visible), textarea:not(:focus-visible), select:not(:focus-visible), :is(.outline-1, .outline-2, .outline-3, .outline-4):not(:focus-visible) { --tw-outline-style: none; } .focus-visible\:outline { outline-width: initial; } .opacity-body { opacity: .7; } [data-mode="light"] .opacity-body { opacity: .6; } .no-opacity-body .opacity-body { opacity: 1; } .no-scrollbar::-webkit-scrollbar { display: none; } input[type="range"].reset-input-range::-webkit-slider-runnable-track { appearance: none; box-shadow: none; background: none; border: none; } :root { --card-width: 330px; --card-height: 417px; } body, html { overflow-x: clip; } main { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .card { --sticker-width: fit-content; --sticker-height: 42px; --sticker-top: -8px; border-radius: 45px; padding: 7px; transition: box-shadow .5s ease-in-out; } .card:before { top: calc(var(--spacing) * 0); left: calc(var(--spacing) * 0); mix-blend-mode: multiply; --tw-content: ""; content: var(--tw-content); background-image: url("https://cdn.shopify.com/b/shopify-brochure2-assets/ce53dbff3b28d253bfff8f5e8dc1f10b.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; border-radius: 45px; width: 100%; height: 100%; position: absolute; } .card-front { box-shadow: inset 1px 1px 1px #fdfbfb9c; } .card-merchant-text { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-synthesis: none; } .slide-left-up { opacity: 0; animation: 1s ease-in-out forwards hero-title-fade-in; transform: translateY(40%); } .slide-right-down { opacity: 0; animation: 1s ease-in-out forwards hero-title-fade-in; transform: translateY(-40%); } @keyframes typing-fade-in { from { opacity: 0; } to { opacity: 1; } } .typing-char { opacity: 0; } @media (min-width: 900px) { .slide-left-up:not(.hero-vertical *) { transform: translateX(15%)translateY(0); } .slide-right-down:not(.hero-vertical *) { transform: translateX(-15%)translateY(0); } } @supports (text-wrap: balance) { .with-text-wrap-balance h3, .with-text-wrap-balance .richtext:not(h1, h2, .card-back *) { text-wrap: balance; } } .bg-gradient-to-br { background: linear-gradient(135deg, var(--color-jalapeño-30) 0%, var(--color-aloe-30) 100%); } :lang(fi) .card { --sticker-width: 190px; --sticker-height: 80px; --sticker-top: -19px; } :lang(fr) .card { --sticker-width: 180px; --sticker-height: 80px; --sticker-top: -20px; } :lang(de) .card-back * { -webkit-hyphens: auto; hyphens: auto; overflow-wrap: break-word; } @property --tw-translate-x { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-y { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-translate-z { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-scale-x { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-y { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-scale-z { syntax: "*"; inherits: false; initial-value: 1; } @property --tw-rotate-x { syntax: "*"; inherits: false } @property --tw-rotate-y { syntax: "*"; inherits: false } @property --tw-rotate-z { syntax: "*"; inherits: false } @property --tw-skew-x { syntax: "*"; inherits: false } @property --tw-skew-y { syntax: "*"; inherits: false } @property --tw-space-y-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-space-x-reverse { syntax: "*"; inherits: false; initial-value: 0; } @property --tw-border-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-gradient-position { syntax: "*"; inherits: false } @property --tw-gradient-from { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-via { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-to { syntax: ""; inherits: false; initial-value: #0000; } @property --tw-gradient-stops { syntax: "*"; inherits: false } @property --tw-gradient-via-stops { syntax: "*"; inherits: false } @property --tw-gradient-from-position { syntax: ""; inherits: false; initial-value: 0%; } @property --tw-gradient-via-position { syntax: ""; inherits: false; initial-value: 50%; } @property --tw-gradient-to-position { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-leading { syntax: "*"; inherits: false } @property --tw-font-weight { syntax: "*"; inherits: false } @property --tw-tracking { syntax: "*"; inherits: false } @property --tw-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-shadow-color { syntax: "*"; inherits: false } @property --tw-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-inset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-shadow-color { syntax: "*"; inherits: false } @property --tw-inset-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-ring-color { syntax: "*"; inherits: false } @property --tw-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-inset-ring-color { syntax: "*"; inherits: false } @property --tw-inset-ring-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-ring-inset { syntax: "*"; inherits: false } @property --tw-ring-offset-width { syntax: ""; inherits: false; initial-value: 0; } @property --tw-ring-offset-color { syntax: "*"; inherits: false; initial-value: #fff; } @property --tw-ring-offset-shadow { syntax: "*"; inherits: false; initial-value: 0 0 #0000; } @property --tw-outline-style { syntax: "*"; inherits: false; initial-value: solid; } @property --tw-blur { syntax: "*"; inherits: false } @property --tw-brightness { syntax: "*"; inherits: false } @property --tw-contrast { syntax: "*"; inherits: false } @property --tw-grayscale { syntax: "*"; inherits: false } @property --tw-hue-rotate { syntax: "*"; inherits: false } @property --tw-invert { syntax: "*"; inherits: false } @property --tw-opacity { syntax: "*"; inherits: false } @property --tw-saturate { syntax: "*"; inherits: false } @property --tw-sepia { syntax: "*"; inherits: false } @property --tw-drop-shadow { syntax: "*"; inherits: false } @property --tw-drop-shadow-color { syntax: "*"; inherits: false } @property --tw-drop-shadow-alpha { syntax: ""; inherits: false; initial-value: 100%; } @property --tw-drop-shadow-size { syntax: "*"; inherits: false } @property --tw-backdrop-blur { syntax: "*"; inherits: false } @property --tw-backdrop-brightness { syntax: "*"; inherits: false } @property --tw-backdrop-contrast { syntax: "*"; inherits: false } @property --tw-backdrop-grayscale { syntax: "*"; inherits: false } @property --tw-backdrop-hue-rotate { syntax: "*"; inherits: false } @property --tw-backdrop-invert { syntax: "*"; inherits: false } @property --tw-backdrop-opacity { syntax: "*"; inherits: false } @property --tw-backdrop-saturate { syntax: "*"; inherits: false } @property --tw-backdrop-sepia { syntax: "*"; inherits: false } @property --tw-duration { syntax: "*"; inherits: false } @property --tw-ease { syntax: "*"; inherits: false } @property --tw-content { syntax: "*"; inherits: false; initial-value: ""; } @keyframes spin { 0% { transform: rotate(0); } 100% { transform: rotate(360deg); } } @keyframes pulse { 50% { opacity: .5; } } @keyframes logo-group-marquee { 0% { transform: translateX(calc(-100% - 1.5rem)); } 100% { transform: translateX(0); } } @keyframes logo-group-marquee-reverse { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% - 1.5rem)); } } @keyframes fade-in { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes marquee-ltr { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } @keyframes marquee-rtl { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } } @keyframes hero-title-fade-in { to { opacity: 1; transform: translate(0); } } @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-66%); } } @keyframes marquee { from { transform: translate3d(0, 0, 0); } to { transform: translate3d(-50%, 0, 0); } } @keyframes bounce-sm-pause { 0%, 60%, 100% { transform: translateY(0); } 30% { transform: translateY(-5px); } } @keyframes darken-pulse-pause { 0%, 60%, 100% { opacity: 1; } 30% { opacity: .7; } } @keyframes incentives-fill-background { to { background-position: 0 0; } } @keyframes apps-showcase-slide { 0% { transform: translateX(0); } 100% { transform: translateX(var(--transform-value)); } } @keyframes apps-showcase-tooltip-fade-in-up { from { opacity: 0; transform: translate(var(--tooltip-translate-x), calc(-100% - 20px)); } to { opacity: 1; transform: translate(var(--tooltip-translate-x), calc(-100% - 40px)); } } @keyframes apps-showcase-tooltip-fade-in-up-motion-reduce { to { opacity: 1; transform: translate(var(--tooltip-translate-x), calc(-100% - 40px)); } }