@keyframes h-theme-toggle-reveal { 
  0% { clip-path: circle(0 at var(--h-theme-toggle-x,50%) var(--h-theme-toggle-y,50%)); }
  100% { clip-path: circle(var(--h-theme-toggle-r,150vmax) at var(--h-theme-toggle-x,50%) var(--h-theme-toggle-y,50%)); }
}
.theme-base.mode-light, .theme-hBuilder.mode-light, .theme-hHorizons.mode-light { --h-bg-neutral-default: var(--h-color-neutral-0); --h-bg-neutral-hover: var(--h-color-dark-a10); --h-bg-neutral-disabled: var(--h-color-dark-a5); --h-bg-neutral-secondary: var(--h-color-neutral-100); --h-bg-neutral-surface: var(--h-color-dark-a5); --h-bg-neutral-surface-secondary: var(--h-color-dark-a20); --h-bg-neutral-elevated: var(--h-color-neutral-0); --h-bg-neutral-inverse-default: var(--h-color-neutral-900); --h-bg-neutral-inverse-hover: var(--h-color-dark-a80); --h-bg-neutral-inverse-disabled: var(--h-color-dark-a5); --h-bg-brand-default: var(--h-color-primary-600); --h-bg-brand-hover: var(--h-color-primary-700); --h-bg-brand-disabled: var(--h-color-dark-a5); --h-bg-brand-secondary: var(--h-color-primary-500); --h-bg-brand-tint-default: linear-gradient(var(--h-color-primary-a10), var(--h-color-primary-a10)), linear-gradient(var(--h-color-neutral-0), var(--h-color-neutral-0)); --h-bg-brand-tint-hover: linear-gradient(var(--h-color-primary-a15), var(--h-color-primary-a15)), linear-gradient(var(--h-color-neutral-0), var(--h-color-neutral-0)); --h-bg-brand-tint-disabled: var(--h-color-dark-a5); --h-bg-brand-subtlest: var(--h-color-primary-50); --h-bg-brand-subtle: var(--h-color-primary-100); --h-bg-brand-subtle-hover: var(--h-color-primary-200); --h-bg-brand-strong: var(--h-color-primary-800); --h-bg-brand-strong-hover: var(--h-color-primary-900); --h-bg-brand-strongest: var(--h-color-primary-950); --h-bg-success-default: var(--h-color-success-600); --h-bg-success-hover: var(--h-color-success-700); --h-bg-success-disabled: var(--h-color-dark-a5); --h-bg-success-secondary: var(--h-color-success-500); --h-bg-success-tint-default: linear-gradient(var(--h-color-success-a10), var(--h-color-success-a10)), linear-gradient(var(--h-color-neutral-0), var(--h-color-neutral-0)); --h-bg-success-tint-hover: linear-gradient(var(--h-color-success-a15), var(--h-color-success-a15)), linear-gradient(var(--h-color-neutral-0), var(--h-color-neutral-0)); --h-bg-success-tint-disabled: var(--h-color-dark-a5); --h-bg-success-subtlest: var(--h-color-success-50); --h-bg-success-subtle: var(--h-color-success-100); --h-bg-success-subtle-hover: var(--h-color-success-200); --h-bg-success-strong: var(--h-color-success-800); --h-bg-success-strong-hover: var(--h-color-success-900); --h-bg-success-strongest: var(--h-color-success-950); --h-bg-danger-default: var(--h-color-danger-600); --h-bg-danger-hover: var(--h-color-danger-700); --h-bg-danger-disabled: var(--h-color-dark-a5); --h-bg-danger-secondary: var(--h-color-danger-500); --h-bg-danger-tint-default: linear-gradient(var(--h-color-danger-a10), var(--h-color-danger-a10)), linear-gradient(var(--h-color-neutral-0), var(--h-color-neutral-0)); --h-bg-danger-tint-hover: linear-gradient(var(--h-color-danger-a15), var(--h-color-danger-a15)), linear-gradient(var(--h-color-neutral-0), var(--h-color-neutral-0)); --h-bg-danger-tint-disabled: var(--h-color-dark-a5); --h-bg-danger-subtlest: var(--h-color-danger-50); --h-bg-danger-subtle: var(--h-color-danger-100); --h-bg-danger-subtle-hover: var(--h-color-danger-200); --h-bg-danger-strong: var(--h-color-danger-800); --h-bg-danger-strong-hover: var(--h-color-danger-900); --h-bg-danger-strongest: var(--h-color-danger-950); --h-bg-warning-default: var(--h-color-warning-400); --h-bg-warning-hover: var(--h-color-warning-500); --h-bg-warning-disabled: var(--h-color-dark-a5); --h-bg-warning-secondary: var(--h-color-warning-300); --h-bg-warning-tint-default: linear-gradient(var(--h-color-warning-a15), var(--h-color-warning-a15)), linear-gradient(var(--h-color-neutral-0), var(--h-color-neutral-0)); --h-bg-warning-tint-hover: linear-gradient(var(--h-color-warning-a20), var(--h-color-warning-a20)), linear-gradient(var(--h-color-neutral-0), var(--h-color-neutral-0)); --h-bg-warning-tint-disabled: var(--h-color-dark-a5); --h-bg-warning-subtlest: var(--h-color-warning-50); --h-bg-warning-subtle: var(--h-color-warning-100); --h-bg-warning-subtle-hover: var(--h-color-warning-200); --h-bg-warning-strong: var(--h-color-warning-600); --h-bg-warning-strong-hover: var(--h-color-warning-900); --h-bg-warning-strongest: var(--h-color-warning-950); --h-fg-neutral-default: var(--h-color-neutral-900); --h-fg-neutral-hover: var(--h-color-neutral-1000); --h-fg-neutral-disabled: var(--h-color-neutral-400); --h-fg-neutral-secondary: var(--h-color-neutral-600); --h-fg-neutral-inverse-default: var(--h-color-neutral-50); --h-fg-neutral-inverse-hover: var(--h-color-neutral-0); --h-fg-neutral-inverse-disabled: var(--h-color-neutral-400); --h-fg-brand-default: var(--h-color-primary-600); --h-fg-brand-hover: var(--h-color-primary-700); --h-fg-brand-disabled: var(--h-color-neutral-400); --h-fg-brand-secondary: var(--h-color-primary-500); --h-fg-brand-inverse-default: var(--h-color-neutral-0); --h-fg-brand-inverse-hover: var(--h-color-neutral-200); --h-fg-brand-inverse-disabled: var(--h-color-neutral-400); --h-fg-brand-strong: var(--h-color-primary-800); --h-fg-success-default: var(--h-color-success-600); --h-fg-success-hover: var(--h-color-success-700); --h-fg-success-disabled: var(--h-color-neutral-400); --h-fg-success-secondary: var(--h-color-success-500); --h-fg-success-inverse-default: var(--h-color-neutral-0); --h-fg-success-inverse-hover: var(--h-color-neutral-200); --h-fg-success-inverse-disabled: var(--h-color-neutral-400); --h-fg-success-strong: var(--h-color-success-800); --h-fg-danger-default: var(--h-color-danger-600); --h-fg-danger-hover: var(--h-color-danger-700); --h-fg-danger-disabled: var(--h-color-neutral-400); --h-fg-danger-secondary: var(--h-color-danger-500); --h-fg-danger-inverse-default: var(--h-color-neutral-0); --h-fg-danger-inverse-hover: var(--h-color-neutral-200); --h-fg-danger-inverse-disabled: var(--h-color-neutral-400); --h-fg-danger-strong: var(--h-color-danger-800); --h-fg-warning-default: var(--h-color-warning-700); --h-fg-warning-hover: var(--h-color-warning-800); --h-fg-warning-disabled: var(--h-color-neutral-400); --h-fg-warning-secondary: var(--h-color-warning-500); --h-fg-warning-inverse-default: var(--h-color-neutral-800); --h-fg-warning-inverse-hover: var(--h-color-neutral-1000); --h-fg-warning-inverse-disabled: var(--h-color-neutral-400); --h-fg-warning-strong: var(--h-color-warning-900); --h-stroke-strong: var(--h-color-neutral-950); --h-stroke-strong-inverse: var(--h-color-neutral-50); --h-stroke-default: var(--h-color-dark-a10); --h-stroke-default-inverse: var(--h-color-light-a10); --h-stroke-subtle: var(--h-color-dark-a5); --h-stroke-brand: var(--h-color-primary-500); --h-stroke-danger: var(--h-color-danger-500); --h-stroke-success: var(--h-color-success-500); --h-stroke-warning: var(--h-color-warning-500); --h-stroke-neutral-mid: var(--h-color-neutral-300); --h-shadow-1-bottom: 0 2px 6px 0 var(--h-color-dark-a10); --h-shadow-2-bottom: 0 8px 24px 0 var(--h-color-dark-a15); --h-shadow-3-bottom: 0 8px 28px 0 var(--h-color-dark-a25); --h-shadow-1-top: 0 -2px 6px 0 var(--h-color-dark-a10); --h-shadow-2-top: 0 -8px 24px 0 var(--h-color-dark-a15); --h-shadow-3-top: 0 -8px 28px 0 var(--h-color-dark-a25); --h-skeleton-gradient-start-end: var(--h-color-light-a0); --h-skeleton-gradient-middle: var(--h-color-light-a75); }
.theme-base { --h-button-contain-primary-color: var(--h-fg-brand-inverse-default); --h-button-contain-primary-bg: var(--h-bg-brand-default); --h-button-contain-primary-border: 0 0 0 1px transparent; --h-button-contain-primary-color-hover: var(--h-fg-brand-inverse-default); --h-button-contain-primary-bg-hover: var(--h-bg-brand-hover); --h-button-contain-primary-border-hover: 0 0 0 1px transparent; --h-button-contain-primary-color-disabled: var(--h-fg-brand-inverse-disabled); --h-button-contain-primary-bg-disabled: var(--h-bg-brand-disabled); --h-button-contain-primary-border-disabled: 0 0 0 1px transparent; --h-button-contain-light-color: var(--neutral--700); --h-button-contain-light-bg: var(--neutral--0); --h-button-contain-light-border: 0 0 0 1px transparent; --h-button-contain-light-color-hover: var(--neutral--700); --h-button-contain-light-bg-hover: var(--neutral--100); --h-button-contain-light-border-hover: 0 0 0 1px transparent; --h-button-contain-light-color-disabled: var(--neutral--0); --h-button-contain-light-bg-disabled: var(--neutral--300); --h-button-contain-light-border-disabled: 0 0 0 1px transparent; --h-button-contain-semi-light-color: var(--h-fg-neutral-default); --h-button-contain-semi-light-bg: var(--h-bg-neutral-secondary); --h-button-contain-semi-light-border: 0 0 0 1px transparent; --h-button-contain-semi-light-color-hover: var(--h-fg-neutral-hover); --h-button-contain-semi-light-bg-hover: var(--h-bg-neutral-hover); --h-button-contain-semi-light-border-hover: 0 0 0 1px transparent; --h-button-contain-semi-light-color-disabled: var(--h-fg-neutral-disabled); --h-button-contain-semi-light-bg-disabled: var(--h-bg-neutral-disabled); --h-button-contain-semi-light-border-disabled: 0 0 0 1px transparent; --h-button-contain-danger-color: var(--h-fg-danger-inverse-default); --h-button-contain-danger-bg: var(--h-bg-danger-default); --h-button-contain-danger-border: 0 0 0 1px transparent; --h-button-contain-danger-color-hover: var(--h-fg-danger-inverse-default); --h-button-contain-danger-bg-hover: var(--h-bg-danger-hover); --h-button-contain-danger-border-hover: 0 0 0 1px transparent; --h-button-contain-danger-color-disabled: var(--h-fg-danger-inverse-disabled); --h-button-contain-danger-bg-disabled: var(--h-bg-danger-disabled); --h-button-contain-danger-border-disabled: 0 0 0 1px transparent; --h-button-contain-neon-color: var(--neutral--700); --h-button-contain-neon-bg: var(--neon--500); --h-button-contain-neon-border: 0 0 0 1px transparent; --h-button-contain-neon-color-hover: var(--neutral--700); --h-button-contain-neon-bg-hover: var(--neon--600); --h-button-contain-neon-border-hover: 0 0 0 1px transparent; --h-button-contain-neon-color-disabled: var(--neutral--0); --h-button-contain-neon-bg-disabled: var(--neutral--300); --h-button-contain-neon-border-disabled: 0 0 0 1px transparent; --h-button-contain-warning-color: var(--h-fg-warning-inverse-default); --h-button-contain-warning-bg: var(--h-bg-warning-default); --h-button-contain-warning-border: 0 0 0 1px transparent; --h-button-contain-warning-color-hover: var(--h-fg-warning-inverse-default); --h-button-contain-warning-bg-hover: var(--h-bg-warning-hover); --h-button-contain-warning-border-hover: 0 0 0 1px transparent; --h-button-contain-warning-color-disabled: var(--h-fg-warning-inverse-disabled); --h-button-contain-warning-bg-disabled: var(--h-bg-warning-disabled); --h-button-contain-warning-border-disabled: 0 0 0 1px transparent; --h-button-contain-neutral-color: var(--h-fg-neutral-inverse-default); --h-button-contain-neutral-bg: var(--h-bg-neutral-inverse-default); --h-button-contain-neutral-border: 0 0 0 1px transparent; --h-button-contain-neutral-color-hover: var(--h-fg-neutral-inverse-hover); --h-button-contain-neutral-bg-hover: var(--h-bg-neutral-inverse-hover); --h-button-contain-neutral-border-hover: 0 0 0 1px transparent; --h-button-contain-neutral-color-disabled: var(--h-fg-neutral-inverse-disabled); --h-button-contain-neutral-bg-disabled: var(--h-bg-neutral-inverse-disabled); --h-button-contain-neutral-border-disabled: 0 0 0 1px transparent; --h-button-outline-primary-color: var(--h-fg-brand-default); --h-button-outline-primary-bg: var(--h-bg-neutral-default); --h-button-outline-primary-border: 0 0 0 1px var(--h-stroke-default); --h-button-outline-primary-color-hover: var(--h-fg-brand-default); --h-button-outline-primary-bg-hover: var(--h-bg-brand-tint-default); --h-button-outline-primary-border-hover: 0 0 0 1px var(--h-stroke-default); --h-button-outline-primary-color-disabled: var(--h-fg-brand-disabled); --h-button-outline-primary-bg-disabled: transparent; --h-button-outline-primary-border-disabled: 0 0 0 1px var(--h-stroke-default); --h-button-outline-light-color: var(--neutral--0); --h-button-outline-light-bg: transparent; --h-button-outline-light-border: 0 0 0 1px var(--neutral--0); --h-button-outline-light-color-hover: var(--neutral--700); --h-button-outline-light-bg-hover: var(--neutral--100); --h-button-outline-light-border-hover: 0 0 0 1px var(--neutral--0); --h-button-outline-light-color-disabled: var(--neutral--300); --h-button-outline-light-bg-disabled: transparent; --h-button-outline-light-border-disabled: 0 0 0 1px var(--neutral--300); --h-button-outline-semi-light-color: var(--h-fg-neutral-default); --h-button-outline-semi-light-bg: var(--h-bg-neutral-default); --h-button-outline-semi-light-border: 0 0 0 1px var(--h-stroke-default); --h-button-outline-semi-light-color-hover: var(--h-fg-neutral-hover); --h-button-outline-semi-light-bg-hover: var(--h-bg-neutral-secondary); --h-button-outline-semi-light-border-hover: 0 0 0 1px var(--h-stroke-default); --h-button-outline-semi-light-color-disabled: var(--h-fg-neutral-disabled); --h-button-outline-semi-light-bg-disabled: transparent; --h-button-outline-semi-light-border-disabled: 0 0 0 1px var(--h-stroke-default); --h-button-outline-danger-color: var(--h-fg-danger-default); --h-button-outline-danger-bg: var(--h-bg-neutral-default); --h-button-outline-danger-border: 0 0 0 1px var(--h-stroke-default); --h-button-outline-danger-color-hover: var(--h-fg-danger-default); --h-button-outline-danger-bg-hover: var(--h-bg-danger-tint-default); --h-button-outline-danger-border-hover: 0 0 0 1px var(--h-stroke-default); --h-button-outline-danger-color-disabled: var(--h-fg-danger-disabled); --h-button-outline-danger-bg-disabled: var(--h-bg-neutral-default); --h-button-outline-danger-border-disabled: 0 0 0 1px var(--h-stroke-default); --h-button-outline-neon-color: var(--danger--600); --h-button-outline-neon-bg: var(--neutral--0); --h-button-outline-neon-border: 0 0 0 1px var(--neutral--200); --h-button-outline-neon-color-hover: var(--danger--600); --h-button-outline-neon-bg-hover: var(--danger--100); --h-button-outline-neon-border-hover: 0 0 0 1px var(--neutral--200); --h-button-outline-neon-color-disabled: var(--neutral--300); --h-button-outline-neon-bg-disabled: transparent; --h-button-outline-neon-border-disabled: 0 0 0 1px var(--neutral--200); --h-button-outline-warning-color: var(--h-fg-warning-default); --h-button-outline-warning-bg: var(--h-bg-neutral-default); --h-button-outline-warning-border: 0 0 0 1px var(--h-stroke-default); --h-button-outline-warning-color-hover: var(--h-fg-warning-default); --h-button-outline-warning-bg-hover: var(--h-bg-warning-tint-default); --h-button-outline-warning-border-hover: 0 0 0 1px var(--h-stroke-default); --h-button-outline-warning-color-disabled: var(--h-fg-warning-disabled); --h-button-outline-warning-bg-disabled: var(--h-bg-neutral-default); --h-button-outline-warning-border-disabled: 0 0 0 1px var(--h-stroke-default); --h-button-outline-neutral-color: var(--h-fg-neutral-default); --h-button-outline-neutral-bg: var(--h-bg-neutral-default); --h-button-outline-neutral-border: 0 0 0 1px var(--h-stroke-default); --h-button-outline-neutral-color-hover: var(--h-fg-neutral-hover); --h-button-outline-neutral-bg-hover: var(--h-bg-neutral-hover); --h-button-outline-neutral-border-hover: 0 0 0 1px var(--h-stroke-default); --h-button-outline-neutral-color-disabled: var(--h-fg-neutral-disabled); --h-button-outline-neutral-bg-disabled: transparent; --h-button-outline-neutral-border-disabled: 0 0 0 1px var(--h-stroke-default); --h-button-outline-strong-primary-color: var(--h-fg-brand-default); --h-button-outline-strong-primary-bg: transparent; --h-button-outline-strong-primary-border: 0 0 0 1px var(--h-stroke-brand); --h-button-outline-strong-primary-color-hover: var(--h-fg-brand-default); --h-button-outline-strong-primary-bg-hover: var(--h-bg-brand-tint-default); --h-button-outline-strong-primary-border-hover: 0 0 0 1px var(--h-stroke-brand); --h-button-outline-strong-primary-color-disabled: var(--h-fg-brand-disabled); --h-button-outline-strong-primary-bg-disabled: var(--h-bg-brand-disabled); --h-button-outline-strong-primary-border-disabled: 0 0 0 1px var(--h-stroke-default); --h-button-outline-strong-light-color: var(--neutral--0); --h-button-outline-strong-light-bg: transparent; --h-button-outline-strong-light-border: 0 0 0 1px var(--neutral--0); --h-button-outline-strong-light-color-hover: var(--neutral--700); --h-button-outline-strong-light-bg-hover: var(--neutral--100); --h-button-outline-strong-light-border-hover: 0 0 0 1px var(--neutral--0); --h-button-outline-strong-light-color-disabled: var(--neutral--300); --h-button-outline-strong-light-bg-disabled: transparent; --h-button-outline-strong-light-border-disabled: 0 0 0 1px var(--neutral--300); --h-button-outline-strong-semi-light-color: var(--h-fg-neutral-default); --h-button-outline-strong-semi-light-bg: transparent; --h-button-outline-strong-semi-light-border: 0 0 0 1px var(--h-stroke-strong); --h-button-outline-strong-semi-light-color-hover: var(--h-fg-neutral-hover); --h-button-outline-strong-semi-light-bg-hover: var(--h-bg-neutral-secondary); --h-button-outline-strong-semi-light-border-hover: 0 0 0 1px var(--h-stroke-strong); --h-button-outline-strong-semi-light-color-disabled: var(--h-fg-neutral-disabled); --h-button-outline-strong-semi-light-bg-disabled: transparent; --h-button-outline-strong-semi-light-border-disabled: 0 0 0 1px var(--h-stroke-default); --h-button-outline-strong-danger-color: var(--h-fg-danger-default); --h-button-outline-strong-danger-bg: transparent; --h-button-outline-strong-danger-border: 0 0 0 1px var(--h-stroke-danger); --h-button-outline-strong-danger-color-hover: var(--h-fg-danger-default); --h-button-outline-strong-danger-bg-hover: var(--h-bg-danger-tint-default); --h-button-outline-strong-danger-border-hover: 0 0 0 1px var(--h-stroke-danger); --h-button-outline-strong-danger-color-disabled: var(--h-fg-danger-disabled); --h-button-outline-strong-danger-bg-disabled: var(--h-bg-danger-disabled); --h-button-outline-strong-danger-border-disabled: 0 0 0 1px var(--h-stroke-default); --h-button-outline-strong-neon-color: var(--danger--600); --h-button-outline-strong-neon-bg: transparent; --h-button-outline-strong-neon-border: 0 0 0 1px var(--neutral--200); --h-button-outline-strong-neon-color-hover: var(--danger--600); --h-button-outline-strong-neon-bg-hover: var(--danger--100); --h-button-outline-strong-neon-border-hover: 0 0 0 1px var(--neutral--200); --h-button-outline-strong-neon-color-disabled: var(--neutral--300); --h-button-outline-strong-neon-bg-disabled: transparent; --h-button-outline-strong-neon-border-disabled: 0 0 0 1px var(--neutral--200); --h-button-outline-strong-warning-color: var(--h-fg-warning-default); --h-button-outline-strong-warning-bg: transparent; --h-button-outline-strong-warning-border: 0 0 0 1px var(--h-stroke-warning); --h-button-outline-strong-warning-color-hover: var(--h-fg-warning-default); --h-button-outline-strong-warning-bg-hover: var(--h-bg-warning-tint-default); --h-button-outline-strong-warning-border-hover: 0 0 0 1px var(--h-stroke-warning); --h-button-outline-strong-warning-color-disabled: var(--h-fg-warning-disabled); --h-button-outline-strong-warning-bg-disabled: var(--h-bg-warning-disabled); --h-button-outline-strong-warning-border-disabled: 0 0 0 1px var(--h-stroke-default); --h-button-outline-strong-neutral-color: var(--h-fg-neutral-default); --h-button-outline-strong-neutral-bg: transparent; --h-button-outline-strong-neutral-border: 0 0 0 1px var(--h-stroke-strong); --h-button-outline-strong-neutral-color-hover: var(--h-fg-neutral-hover); --h-button-outline-strong-neutral-bg-hover: var(--h-bg-neutral-hover); --h-button-outline-strong-neutral-border-hover: 0 0 0 1px var(--h-stroke-strong); --h-button-outline-strong-neutral-color-disabled: var(--h-fg-neutral-disabled); --h-button-outline-strong-neutral-bg-disabled: transparent; --h-button-outline-strong-neutral-border-disabled: 0 0 0 1px var(--h-stroke-default); --h-button-text-primary-color: var(--h-fg-brand-default); --h-button-text-primary-bg: transparent; --h-button-text-primary-border: 0 0 0 1px transparent; --h-button-text-primary-color-hover: var(--h-fg-brand-default); --h-button-text-primary-bg-hover: var(--h-bg-brand-tint-default); --h-button-text-primary-border-hover: 0 0 0 1px transparent; --h-button-text-primary-color-disabled: var(--h-fg-brand-disabled); --h-button-text-primary-bg-disabled: transparent; --h-button-text-primary-border-disabled: 0 0 0 1px transparent; --h-button-text-light-color: var(--neutral--0); --h-button-text-light-bg: transparent; --h-button-text-light-border: 0 0 0 1px transparent; --h-button-text-light-color-hover: var(--neutral--700); --h-button-text-light-bg-hover: var(--neutral--100); --h-button-text-light-border-hover: 0 0 0 1px transparent; --h-button-text-light-color-disabled: var(--neutral--300); --h-button-text-light-bg-disabled: transparent; --h-button-text-light-border-disabled: 0 0 0 1px transparent; --h-button-text-semi-light-color: var(--h-fg-neutral-default); --h-button-text-semi-light-bg: transparent; --h-button-text-semi-light-border: 0 0 0 1px transparent; --h-button-text-semi-light-color-hover: var(--h-fg-neutral-hover); --h-button-text-semi-light-bg-hover: var(--h-bg-neutral-hover); --h-button-text-semi-light-border-hover: 0 0 0 1px transparent; --h-button-text-semi-light-color-disabled: var(--h-fg-neutral-disabled); --h-button-text-semi-light-bg-disabled: transparent; --h-button-text-semi-light-border-disabled: 0 0 0 1px transparent; --h-button-text-danger-color: var(--h-fg-danger-default); --h-button-text-danger-bg: transparent; --h-button-text-danger-border: 0 0 0 1px transparent; --h-button-text-danger-color-hover: var(--h-fg-danger-default); --h-button-text-danger-bg-hover: var(--h-bg-danger-tint-default); --h-button-text-danger-border-hover: 0 0 0 1px transparent; --h-button-text-danger-color-disabled: var(--h-fg-danger-disabled); --h-button-text-danger-bg-disabled: transparent; --h-button-text-danger-border-disabled: 0 0 0 1px transparent; --h-button-text-neon-color: var(--danger--600); --h-button-text-neon-bg: transparent; --h-button-text-neon-border: 0 0 0 1px transparent; --h-button-text-neon-color-hover: var(--danger--600); --h-button-text-neon-bg-hover: var(--danger--100); --h-button-text-neon-border-hover: 0 0 0 1px transparent; --h-button-text-neon-color-disabled: var(--neutral--300); --h-button-text-neon-bg-disabled: transparent; --h-button-text-neon-border-disabled: 0 0 0 1px transparent; --h-button-text-warning-color: var(--h-fg-warning-default); --h-button-text-warning-bg: transparent; --h-button-text-warning-border: 0 0 0 1px transparent; --h-button-text-warning-color-hover: var(--h-fg-warning-default); --h-button-text-warning-bg-hover: var(--h-bg-warning-tint-default); --h-button-text-warning-border-hover: 0 0 0 1px transparent; --h-button-text-warning-color-disabled: var(--h-fg-warning-disabled); --h-button-text-warning-bg-disabled: transparent; --h-button-text-warning-border-disabled: 0 0 0 1px transparent; --h-button-text-neutral-color: var(--h-fg-neutral-default); --h-button-text-neutral-bg: transparent; --h-button-text-neutral-border: 0 0 0 1px transparent; --h-button-text-neutral-color-hover: var(--h-fg-neutral-hover); --h-button-text-neutral-bg-hover: var(--h-bg-neutral-hover); --h-button-text-neutral-border-hover: 0 0 0 1px transparent; --h-button-text-neutral-color-disabled: var(--h-fg-neutral-disabled); --h-button-text-neutral-bg-disabled: transparent; --h-button-text-neutral-border-disabled: 0 0 0 1px transparent; --h-label-contain-success-bg: var(--h-bg-success-tint-default); --h-label-contain-success-color: var(--h-fg-success-default); --h-label-contain-success-outline: none; --h-label-contain-warning-bg: var(--h-bg-warning-tint-default); --h-label-contain-warning-color: var(--h-fg-warning-default); --h-label-contain-warning-outline: none; --h-label-contain-danger-bg: var(--h-bg-danger-tint-default); --h-label-contain-danger-color: var(--h-fg-danger-default); --h-label-contain-danger-outline: none; --h-label-contain-primary-bg: var(--h-bg-brand-tint-default); --h-label-contain-primary-color: var(--h-fg-brand-default); --h-label-contain-primary-outline: none; --h-label-contain-gray-bg: var(--h-fg-neutral-secondary); --h-label-contain-gray-color: var(--h-fg-neutral-inverse-default); --h-label-contain-gray-outline: none; --h-label-contain-grayLight-bg: var(--h-bg-neutral-surface); --h-label-contain-grayLight-color: var(--h-fg-neutral-secondary); --h-label-contain-grayLight-outline: none; --h-label-contain-meteorite-bg: var(--h-bg-brand-secondary); --h-label-contain-meteorite-color: var(--h-fg-brand-inverse-default); --h-label-contain-meteorite-outline: none; --h-label-contain-green-bg: var(--h-bg-success-default); --h-label-contain-green-color: var(--h-fg-success-inverse-default); --h-label-contain-green-outline: none; --h-label-contain-neon-bg: var(--h-color-neon-500); --h-label-contain-neon-color: var(--h-color-neutral-900); --h-label-contain-neon-outline: none; --h-label-outline-success-bg: transparent; --h-label-outline-success-color: var(--h-fg-success-default); --h-label-outline-success-outline: inset 0 0 0 1px var(--h-fg-success-default); --h-label-outline-warning-bg: transparent; --h-label-outline-warning-color: var(--h-fg-warning-default); --h-label-outline-warning-outline: inset 0 0 0 1px var(--h-fg-warning-default); --h-label-outline-danger-bg: transparent; --h-label-outline-danger-color: var(--h-fg-danger-default); --h-label-outline-danger-outline: inset 0 0 0 1px var(--h-fg-danger-default); --h-label-outline-primary-bg: transparent; --h-label-outline-primary-color: var(--h-fg-brand-default); --h-label-outline-primary-outline: inset 0 0 0 1px var(--h-fg-brand-default); --h-label-outline-gray-bg: transparent; --h-label-outline-gray-color: var(--h-fg-neutral-secondary); --h-label-outline-gray-outline: inset 0 0 0 1px var(--h-fg-neutral-secondary); --h-label-outline-grayLight-bg: transparent; --h-label-outline-grayLight-color: var(--h-fg-neutral-secondary); --h-label-outline-grayLight-outline: inset 0 0 0 1px var(--h-stroke-default); --h-label-outline-meteorite-bg: transparent; --h-label-outline-meteorite-color: var(--h-fg-brand-secondary); --h-label-outline-meteorite-outline: inset 0 0 0 1px var(--h-fg-brand-secondary); --h-label-outline-green-bg: transparent; --h-label-outline-green-color: var(--h-fg-success-secondary); --h-label-outline-green-outline: inset 0 0 0 1px var(--h-fg-success-secondary); --h-label-outline-neon-bg: transparent; --h-label-outline-neon-color: var(--h-color-neon-500); --h-label-outline-neon-outline: inset 0 0 0 1px var(--h-color-neon-500); --h-label-ai-gradient: var(--h-gradient-ai); --h-label-ai-text-color: var(--h-fg-neutral-default); --h-label-ai-bg-color: var(--h-bg-neutral-default); --h-card-bg: var(--h-bg-neutral-default); --h-card-border-color: var(--h-stroke-default); --h-card-header-bg: var(--h-bg-neutral-default); --h-card-header-border-color: var(--h-stroke-default); --h-card-header-divider-color: var(--h-stroke-default); --h-checkbox-primary-border: var(--h-fg-brand-default); --h-checkbox-primary-bg: var(--h-fg-brand-default); --h-checkbox-primary-bg-hover: var(--h-fg-brand-hover); --h-checkbox-primary-border-hover: var(--h-fg-brand-hover); --h-checkbox-primary-checkmark: var(--h-bg-neutral-default); --h-checkbox-danger-border: var(--h-fg-danger-default); --h-checkbox-danger-bg: var(--h-fg-danger-default); --h-checkbox-danger-bg-hover: var(--h-fg-danger-hover); --h-checkbox-danger-border-hover: var(--h-fg-danger-hover); --h-checkbox-danger-checkmark: var(--h-bg-neutral-default); --h-checkbox-neutral-border: var(--h-fg-neutral-default); --h-checkbox-neutral-bg: var(--h-fg-neutral-default); --h-checkbox-neutral-bg-hover: var(--h-fg-neutral-hover); --h-checkbox-neutral-border-hover: var(--h-fg-neutral-hover); --h-checkbox-neutral-checkmark: var(--h-fg-neutral-inverse-default); --h-checkbox-disabled-border: var(--h-stroke-default); --h-checkbox-disabled-bg: var(--h-bg-neutral-disabled); --h-checkbox-disabled-checkmark: var(--h-fg-neutral-disabled); --h-radio-primary-border: var(--h-fg-brand-default); --h-radio-primary-bg: var(--h-fg-brand-default); --h-radio-primary-border-hover: var(--h-fg-brand-hover); --h-radio-danger-border: var(--h-fg-danger-default); --h-radio-danger-bg: var(--h-fg-danger-default); --h-radio-danger-border-hover: var(--h-fg-danger-hover); --h-radio-neutral-border: var(--h-fg-neutral-default); --h-radio-neutral-bg: var(--h-fg-neutral-default); --h-radio-neutral-border-hover: var(--h-fg-neutral-hover); --h-radio-disabled-border: var(--h-stroke-default); --h-radio-disabled-bg: var(--h-fg-brand-disabled); --h-input-color: var(--h-fg-neutral-default); --h-input-disabled-color: var(--h-fg-neutral-disabled); --h-input-placeholder-color: var(--h-fg-neutral-secondary); --h-input-label-color: var(--h-fg-neutral-default); --h-input-label-optional-color: var(--h-fg-neutral-secondary); --h-input-helper-text-color: var(--h-fg-neutral-secondary); --h-input-helper-text-error-color: var(--h-fg-danger-default); --h-input-font-size: var(--font-size-input); --h-input-line-height: var(--line-height-input); --h-input-font-weight: var(--font-weight-input); --h-input-letter-spacing: var(--letter-spacing-input); --h-input-area-color: var(--h-fg-neutral-default); --h-input-area-disabled-color: var(--h-fg-neutral-disabled); --h-input-area-placeholder-color: var(--h-fg-neutral-secondary); --h-input-area-label-color: var(--h-fg-neutral-default); --h-input-area-label-optional-color: var(--h-fg-neutral-secondary); --h-input-area-helper-text-color: var(--h-fg-neutral-secondary); --h-input-area-helper-text-error-color: var(--h-fg-danger-default); --h-input-area-font-size: var(--font-size-input); --h-input-area-line-height: var(--line-height-input); --h-input-area-font-weight: var(--font-weight-input); --h-input-area-letter-spacing: var(--letter-spacing-input); --h-input-group-label-color: var(--h-fg-neutral-default); --h-input-group-label-optional-color: var(--h-fg-neutral-secondary); --h-input-group-helper-text-color: var(--h-fg-neutral-secondary); --h-input-group-helper-text-error-color: var(--h-fg-danger-default); --h-select-color: var(--h-fg-neutral-default); --h-select-disabled-color: var(--h-fg-neutral-disabled); --h-select-placeholder-color: var(--h-fg-neutral-secondary); --h-select-label-color: var(--h-fg-neutral-default); --h-select-label-optional-color: var(--h-fg-neutral-secondary); --h-select-helper-text-color: var(--h-fg-neutral-secondary); --h-select-helper-text-error-color: var(--h-fg-danger-default); --h-dropdown-list-bg: var(--h-bg-neutral-elevated); --h-dropdown-list-bg-hover: var(--h-bg-neutral-hover); --h-dropdown-list-bg-active: var(--h-bg-neutral-hover); --h-dropdown-list-border: var(--h-stroke-default); --h-dropdown-list-color: var(--h-fg-neutral-default); --h-dropdown-list-color-disabled: var(--h-fg-neutral-disabled); --h-dropdown-list-color-no-results: var(--h-fg-neutral-secondary); --h-dropdown-list-color-non-selectable: var(--h-fg-neutral-secondary); --h-upload-title-color: var(--h-fg-neutral-default); --h-upload-subtitle-color: var(--h-fg-neutral-secondary); --h-upload-background-color: var(--h-bg-neutral-default); --h-upload-border-color: var(--h-stroke-default); --h-upload-focus-border-color: var(--h-stroke-brand); --h-upload-hover-border-color: var(--h-stroke-brand); --h-upload-hover-background-color: var(--h-bg-neutral-hover); --h-upload-disabled-color: var(--h-fg-neutral-disabled); --h-upload-disabled-background-color: var(--h-bg-neutral-disabled); --h-upload-disabled-border-color: var(--h-stroke-default); --h-hyperlink-color: var(--h-fg-brand-default); --h-hyperlink-border: 1px solid currentColor; --h-hyperlink-disabled-color: var(--h-fg-brand-disabled); --h-hyperlink-focus-outline: var(--h-fg-brand-secondary); --h-circle-loader-color-primary: var(--h-fg-brand-default); --h-circle-loader-border-color-primary: var(--h-color-primary-100); --h-circle-loader-color-neutral: var(--h-fg-neutral-default); --h-circle-loader-border-color-neutral: var(--h-color-neutral-100); --h-circle-loader-color-danger: var(--h-fg-danger-default); --h-circle-loader-border-color-danger: var(--h-color-danger-100); --h-circle-loader-color-warning: var(--h-fg-warning-default); --h-circle-loader-border-color-warning: var(--h-color-warning-100); --h-circle-loader-color-neon: var(--h-color-neon-500); --h-circle-loader-border-color-neon: var(--h-color-neutral-800); --h-circle-loader-color-light: var(--h-bg-neutral-inverse-default); --h-circle-loader-border-color-light: var(--h-color-neutral-100); --h-circle-loader-size-small: 24px; --h-circle-loader-size-medium: 32px; --h-circle-loader-size-large: 72px; --h-circle-loader-border-size: 4px; --h-progress-circle-color-primary: var(--h-fg-brand-default); --h-progress-circle-bg-primary: var(--h-bg-brand-tint-default); --h-progress-circle-color-success: var(--h-fg-success-secondary); --h-progress-circle-bg-success: var(--h-bg-success-tint-default); --h-progress-circle-color-danger: var(--h-fg-danger-secondary); --h-progress-circle-bg-danger: var(--h-bg-danger-tint-default); --h-progress-circle-color-warning: var(--h-fg-warning-secondary); --h-progress-circle-bg-warning: var(--h-bg-warning-tint-default); --h-progress-circle-color-neutral: var(--h-fg-neutral-default); --h-progress-circle-bg-neutral: var(--h-bg-neutral-surface-secondary); --h-chip-primary-filled-color: var(--h-fg-neutral-default); --h-chip-primary-filled-bg: var(--h-bg-neutral-surface); --h-chip-primary-filled-border: transparent; --h-chip-primary-filled-hover-color: var(--h-fg-neutral-default); --h-chip-primary-filled-hover-bg: var(--h-bg-neutral-hover); --h-chip-primary-filled-hover-border: transparent; --h-chip-primary-filled-disabled-color: var(--h-fg-neutral-disabled); --h-chip-primary-filled-disabled-bg: var(--h-bg-neutral-disabled); --h-chip-primary-filled-disabled-border: transparent; --h-chip-primary-filled-selected-color: var(--h-fg-brand-default); --h-chip-primary-filled-selected-bg: var(--h-bg-brand-tint-default); --h-chip-primary-filled-selected-border: transparent; --h-chip-primary-filled-selected-hover-color: var(--h-fg-brand-default); --h-chip-primary-filled-selected-hover-bg: var(--h-bg-brand-tint-hover); --h-chip-primary-filled-selected-hover-border: transparent; --h-chip-primary-outline-color: var(--h-fg-neutral-default); --h-chip-primary-outline-bg: var(--h-bg-neutral-default); --h-chip-primary-outline-border: var(--h-stroke-default); --h-chip-primary-outline-hover-color: var(--h-fg-neutral-default); --h-chip-primary-outline-hover-bg: var(--h-bg-neutral-hover); --h-chip-primary-outline-hover-border: var(--h-stroke-default); --h-chip-primary-outline-disabled-color: var(--h-fg-neutral-disabled); --h-chip-primary-outline-disabled-bg: var(--h-bg-neutral-default); --h-chip-primary-outline-disabled-border: var(--h-stroke-default); --h-chip-primary-outline-selected-color: var(--h-fg-brand-default); --h-chip-primary-outline-selected-bg: var(--h-bg-brand-tint-default); --h-chip-primary-outline-selected-border: var(--h-stroke-brand); --h-chip-primary-outline-selected-hover-color: var(--h-fg-brand-default); --h-chip-primary-outline-selected-hover-bg: var(--h-bg-brand-tint-hover); --h-chip-primary-outline-selected-hover-border: var(--h-stroke-brand); --h-chip-secondary-filled-color: var(--h-fg-neutral-default); --h-chip-secondary-filled-bg: var(--h-bg-neutral-surface); --h-chip-secondary-filled-border: transparent; --h-chip-secondary-filled-hover-color: var(--h-fg-neutral-default); --h-chip-secondary-filled-hover-bg: var(--h-bg-neutral-hover); --h-chip-secondary-filled-hover-border: transparent; --h-chip-secondary-filled-disabled-color: var(--h-fg-neutral-disabled); --h-chip-secondary-filled-disabled-bg: var(--h-bg-neutral-disabled); --h-chip-secondary-filled-disabled-border: transparent; --h-chip-secondary-filled-selected-color: var(--h-fg-neutral-inverse-default); --h-chip-secondary-filled-selected-bg: var(--h-bg-neutral-inverse-default); --h-chip-secondary-filled-selected-border: transparent; --h-chip-secondary-filled-selected-hover-color: var(--h-fg-neutral-inverse-default); --h-chip-secondary-filled-selected-hover-bg: var(--h-bg-neutral-inverse-hover); --h-chip-secondary-filled-selected-hover-border: transparent; --h-chip-secondary-outline-color: var(--h-fg-neutral-default); --h-chip-secondary-outline-bg: var(--h-bg-neutral-default); --h-chip-secondary-outline-border: var(--h-stroke-default); --h-chip-secondary-outline-hover-color: var(--h-fg-neutral-default); --h-chip-secondary-outline-hover-bg: var(--h-bg-neutral-hover); --h-chip-secondary-outline-hover-border: var(--h-stroke-default); --h-chip-secondary-outline-disabled-color: var(--h-fg-neutral-disabled); --h-chip-secondary-outline-disabled-bg: var(--h-bg-neutral-default); --h-chip-secondary-outline-disabled-border: var(--h-stroke-default); --h-chip-secondary-outline-selected-color: var(--h-fg-neutral-inverse-default); --h-chip-secondary-outline-selected-bg: var(--h-bg-neutral-inverse-default); --h-chip-secondary-outline-selected-border: transparent; --h-chip-secondary-outline-selected-hover-color: var(--h-fg-neutral-inverse-default); --h-chip-secondary-outline-selected-hover-bg: var(--h-bg-neutral-inverse-hover); --h-chip-secondary-outline-selected-hover-border: transparent; --h-tabs-tab-hover-bg: var(--h-bg-neutral-hover); --h-tabs-indicator-bg: var(--h-stroke-brand); --h-tabs-color-active: var(--h-fg-brand-default); --h-tabs-color: var(--h-fg-neutral-secondary); --h-tabs-focus-visible-outline: 2px solid var(--h-stroke-brand); --h-segmented-control-bg: var(--h-bg-neutral-surface); --h-segmented-control-segment-color: var(--h-fg-neutral-secondary); --h-segmented-control-segment-active-bg: var(--h-color-neutral-0); --h-segmented-control-segment-active-color: var(--h-color-neutral-950); --h-segmented-control-segment-active-border: none; --h-segmented-control-segment-active-shadow: var(--h-shadow-1-bottom), inset 0px 0px 0px 1px var(--h-stroke-subtle); --h-segmented-control-segment-hover-color: var(--h-fg-neutral-default); --h-segmented-control-segment-focus-shadow: 0px 0px 0px 2px var(--h-stroke-brand); --h-notification-badge-bg: var(--danger--600); --h-notification-badge-color: var(--neutral--0); --h-border-border-color: var(--h-stroke-default); --h-border-background-color: var(--h-bg-neutral-default); --h-border-focus-color: var(--h-stroke-brand); --h-border-error-color: var(--h-stroke-danger); --h-border-disabled-background-color: var(--h-bg-neutral-disabled); --h-border-disabled-color: var(--h-stroke-default); --h-border-ai-color: var(--h-gradient-ai); --h-switch-color: var(--h-bg-brand-default); --h-switch-color-off: var(--h-bg-neutral-surface-secondary); --h-switch-color-disabled: var(--h-bg-neutral-surface-secondary); --h-switch-bubble: var(--h-color-neutral-0); --h-switch-bubble-disabled: var(--h-fg-brand-inverse-disabled); --h-pagination-bg-color: var(--h-color-neutral-0); --h-pagination-border-color: var(--h-stroke-default); --h-pagination-text-color: var(--h-fg-neutral-secondary); --h-pagination-page-number-color: var(--h-fg-neutral-default); --h-toast-bg-color: var(--h-bg-neutral-inverse-default); --h-toast-text-color: var(--h-fg-neutral-inverse-default); --h-toast-divider-color: var(--h-stroke-default-inverse); --h-toast-shadow: var(--h-shadow-2-bottom); --h-toast-notification-bg-color: var(--h-bg-neutral-elevated); --h-toast-notification-text-color: var(--h-fg-neutral-default); --h-toast-notification-shadow: var(--h-shadow-2-bottom); --h-snackbar-info-bg: var(--h-bg-neutral-surface); --h-snackbar-info-color: var(--h-fg-neutral-default); --h-snackbar-info-icon-color: var(--h-fg-neutral-default); --h-snackbar-success-bg: var(--h-bg-success-tint-default); --h-snackbar-success-color: var(--h-fg-neutral-default); --h-snackbar-success-icon-color: var(--h-fg-success-secondary); --h-snackbar-warning-bg: var(--h-bg-warning-tint-default); --h-snackbar-warning-color: var(--h-fg-neutral-default); --h-snackbar-warning-icon-color: var(--h-fg-warning-secondary); --h-snackbar-danger-bg: var(--h-bg-danger-tint-default); --h-snackbar-danger-color: var(--h-fg-neutral-default); --h-snackbar-danger-icon-color: var(--h-fg-danger-secondary); --h-notification-row-primary-bg: var(--h-bg-brand-tint-default); --h-notification-row-primary-color: var(--h-fg-neutral-default); --h-notification-row-primary-icon-color: var(--h-fg-brand-default); --h-notification-row-info-bg: var(--h-bg-neutral-surface); --h-notification-row-info-color: var(--h-fg-neutral-default); --h-notification-row-info-icon-color: var(--h-fg-neutral-default); --h-notification-row-success-bg: var(--h-bg-success-tint-default); --h-notification-row-success-color: var(--h-fg-neutral-default); --h-notification-row-success-icon-color: var(--h-fg-success-secondary); --h-notification-row-warning-bg: var(--h-bg-warning-tint-default); --h-notification-row-warning-color: var(--h-fg-neutral-default); --h-notification-row-warning-icon-color: var(--h-fg-warning-secondary); --h-notification-row-danger-bg: var(--h-bg-danger-tint-default); --h-notification-row-danger-color: var(--h-fg-neutral-default); --h-notification-row-danger-icon-color: var(--h-fg-danger-secondary); --h-card-image-bg: var(--h-bg-neutral-default); --h-card-image-image-bg: var(--h-bg-neutral-secondary); --h-card-image-label-color: var(--h-fg-neutral-default); --h-card-image-description-color: var(--h-fg-neutral-secondary); --h-progress-stepper-circle-incomplete: var(--h-fg-neutral-disabled); --h-progress-stepper-circle-complete: var(--h-fg-neutral-default); --h-progress-stepper-circle-active: var(--h-fg-neutral-default); --h-progress-stepper-circle-active-disabled: var(--h-fg-neutral-disabled); --h-progress-stepper-circle-disabled: var(--h-bg-neutral-disabled); --h-progress-stepper-line-default: var(--h-fg-neutral-disabled); --h-progress-stepper-line-complete: var(--h-fg-neutral-default); --h-progress-stepper-line-disabled: var(--h-bg-neutral-disabled); --h-progress-stepper-label-incomplete: var(--h-fg-neutral-disabled); --h-progress-stepper-label-active: var(--h-fg-neutral-default); --h-progress-stepper-label-complete: var(--h-fg-neutral-default); --h-progress-stepper-label-disabled: var(--h-fg-neutral-disabled); --h-progress-stepper-focus-outline: var(--h-fg-brand-secondary); --h-bottom-sheet-bg: var(--h-bg-neutral-default); --h-bottom-sheet-backdrop-bg: var(--h-color-dark-a75); --h-bottom-sheet-border-color: var(--h-stroke-subtle); --h-bottom-sheet-stroke-color: var(--h-stroke-default); --h-bottom-sheet-handle-color: var(--h-stroke-default); --h-bottom-sheet-shadow: var(--h-shadow-3-top); --h-date-input-bg: transparent; --h-date-input-border-color: var(--h-stroke-default); --h-date-input-day-color: var(--h-fg-neutral-default); --h-date-input-day-hover-bg: var(--h-bg-neutral-hover); --h-date-input-day-active-bg: var(--h-bg-neutral-inverse-default); --h-date-input-day-active-color: var(--h-fg-neutral-inverse-default); --h-date-input-day-disabled-color: var(--h-fg-neutral-disabled); --h-date-input-day-offset-color: var(--h-fg-neutral-disabled); --h-date-input-weekday-color: var(--h-fg-neutral-secondary); --h-date-input-today-dot: var(--h-fg-neutral-default); --h-date-input-overlay-bg: var(--h-bg-neutral-elevated); --h-date-input-range-band-bg: color-mix(in srgb, var(--h-bg-neutral-inverse-default) 14%, transparent); --h-dialog-bg: var(--h-bg-neutral-default); --h-dialog-backdrop-bg: var(--h-color-dark-a75); --h-dialog-border-color: var(--h-stroke-subtle); --h-dialog-stroke-color: var(--h-stroke-default); --h-dialog-shadow: var(--h-shadow-3-bottom); --h-browser-tabs-tab-color: var(--h-fg-neutral-secondary); --h-browser-tabs-tab-hover-color: var(--h-fg-neutral-default); --h-browser-tabs-tab-hover-card-opacity: .5; --h-browser-tabs-tab-active-color: var(--h-fg-neutral-default); --h-browser-tabs-tab-active-bg: var(--h-bg-neutral-default); --h-browser-tabs-tab-active-shadow: 0 2px 8px 0 var(--h-color-dark-a10); --h-browser-tabs-badge-bg: var(--h-bg-brand-default); --h-browser-tabs-badge-color: var(--h-color-neutral-0); --h-browser-tabs-focus-outline: 2px solid var(--h-stroke-brand); --h-cookie-consent-bg: var(--h-bg-neutral-default); --h-cookie-consent-popup-bg: var(--h-bg-neutral-default); --h-cookie-consent-overlay-bg: var(--h-color-dark-a75); --h-cookie-consent-color: var(--h-fg-neutral-default); --h-cookie-consent-shadow: var(--h-shadow-2-bottom); --h-cookie-consent-popup-shadow: var(--h-shadow-3-bottom); }
:root { --h-color-neutral-0: #fff; --h-color-neutral-50: #f8f9fa; --h-color-neutral-100: #f5f5f6; --h-color-neutral-200: #dedee2; --h-color-neutral-300: #c6c6cc; --h-color-neutral-400: #9d9ea4; --h-color-neutral-500: #797980; --h-color-neutral-600: #58585e; --h-color-neutral-700: #36363b; --h-color-neutral-800: #222225; --h-color-neutral-900: #18181a; --h-color-neutral-950: #101011; --h-color-neutral-1000: #000; --h-color-primary-50: #f5f6ff; --h-color-primary-100: #e6e8ff; --h-color-primary-200: #d9dbff; --h-color-primary-300: #bcbdff; --h-color-primary-400: #9d99ff; --h-color-primary-500: #7b66ff; --h-color-primary-600: #673de6; --h-color-primary-700: #471ea7; --h-color-primary-800: #331c74; --h-color-primary-900: #251951; --h-color-primary-950: #110c29; --h-color-meteorite-50: #f5f5ff; --h-color-meteorite-100: #eaeaff; --h-color-meteorite-200: #cbc8ff; --h-color-meteorite-300: #b6b2ff; --h-color-meteorite-400: #a19bff; --h-color-meteorite-500: #8c85ff; --h-color-light-blue-50: #fafbff; --h-color-light-blue-100: #f4f5ff; --h-color-light-blue-200: #d5dfff; --h-color-light-blue-300: #c3cce9; --h-color-light-blue-400: #b0b9d4; --h-color-light-blue-500: #888faa; --h-color-neon-500: #cf0; --h-color-neon-600: #bded00; --h-color-peridot-500: #0f0; --h-color-peridot-600: #20e052; --h-color-warning-50: #fdf6e8; --h-color-warning-100: #ffeec8; --h-color-warning-200: #ffe399; --h-color-warning-300: #ffd366; --h-color-warning-400: #ffbf1a; --h-color-warning-500: #e69800; --h-color-warning-600: #c46c00; --h-color-warning-700: #9b4600; --h-color-warning-800: #6b2c00; --h-color-warning-900: #4a1c00; --h-color-warning-950: #231000; --h-color-success-50: #f1f9f3; --h-color-success-100: #dcf8e3; --h-color-success-200: #b8f1c9; --h-color-success-300: #7ce5a2; --h-color-success-400: #3ccb7f; --h-color-success-500: #009e5b; --h-color-success-600: #007a49; --h-color-success-700: #005432; --h-color-success-800: #003d24; --h-color-success-900: #002e1a; --h-color-success-950: #01170b; --h-color-danger-50: #fff4f3; --h-color-danger-100: #ffeae9; --h-color-danger-200: #ffd5d3; --h-color-danger-300: #ffb5b3; --h-color-danger-400: #ff8381; --h-color-danger-500: #e73a47; --h-color-danger-600: #be1025; --h-color-danger-700: #870013; --h-color-danger-800: #610a0e; --h-color-danger-900: #45100f; --h-color-danger-950: #230706; --h-color-blue-50: #f3f7ff; --h-color-blue-100: #e8f0ff; --h-color-blue-200: #d3e1ff; --h-color-blue-300: #b3cbff; --h-color-blue-400: #83a7ff; --h-color-blue-500: #4c78ff; --h-color-blue-600: #3c5ae6; --h-color-blue-700: #2334a3; --h-color-blue-800: #1b2872; --h-color-blue-900: #16204f; --h-color-blue-950: #090f28; --h-gradient-ai: linear-gradient(-45deg, #e536db, var(--h-color-primary-600), #3ab0ff); --h-color-light-a0: #fff0; --h-color-light-a2: #ffffff05; --h-color-light-a5: #ffffff0d; --h-color-light-a10: #ffffff1a; --h-color-light-a15: #ffffff26; --h-color-light-a20: #fff3; --h-color-light-a25: #ffffff40; --h-color-light-a50: #ffffff80; --h-color-light-a75: #ffffffbf; --h-color-light-a80: #fffc; --h-color-light-a90: #ffffffe6; --h-color-dark-a0: #0000; --h-color-dark-a2: #00000005; --h-color-dark-a5: #0000000d; --h-color-dark-a10: #0000001a; --h-color-dark-a15: #00000026; --h-color-dark-a20: #0003; --h-color-dark-a25: #00000040; --h-color-dark-a50: #00000080; --h-color-dark-a75: #000000bf; --h-color-dark-a80: #000c; --h-color-dark-a90: #000000e6; --h-color-primary-a0: #7b66ff00; --h-color-primary-a2: #7b66ff05; --h-color-primary-a5: #7b66ff0d; --h-color-primary-a10: #7b66ff1a; --h-color-primary-a15: #7b66ff26; --h-color-primary-a20: #7b66ff33; --h-color-primary-a25: #7b66ff40; --h-color-primary-a50: #7b66ff80; --h-color-primary-a75: #7b66ffbf; --h-color-primary-a80: #7b66ffcc; --h-color-primary-a90: #7b66ffe6; --h-color-danger-a0: #e73a4700; --h-color-danger-a2: #e73a4705; --h-color-danger-a5: #e73a470d; --h-color-danger-a10: #e73a471a; --h-color-danger-a15: #e73a4726; --h-color-danger-a20: #e73a4733; --h-color-danger-a25: #e73a4740; --h-color-danger-a50: #e73a4780; --h-color-danger-a75: #e73a47bf; --h-color-danger-a80: #e73a47cc; --h-color-danger-a90: #e73a47e6; --h-color-warning-a0: #e6980000; --h-color-warning-a2: #e6980005; --h-color-warning-a5: #e698000d; --h-color-warning-a10: #e698001a; --h-color-warning-a15: #e6980026; --h-color-warning-a20: #e6980033; --h-color-warning-a25: #e6980040; --h-color-warning-a50: #e6980080; --h-color-warning-a75: #e69800bf; --h-color-warning-a80: #e69800cc; --h-color-warning-a90: #e69800e6; --h-color-success-a0: #009e5b00; --h-color-success-a2: #009e5b05; --h-color-success-a5: #009e5b0d; --h-color-success-a10: #009e5b1a; --h-color-success-a15: #009e5b26; --h-color-success-a20: #009e5b33; --h-color-success-a25: #009e5b40; --h-color-success-a50: #009e5b80; --h-color-success-a75: #009e5bbf; --h-color-success-a80: #009e5bcc; --h-color-success-a90: #009e5be6; --h-color-blue-a0: #4c78ff00; --h-color-blue-a2: #4c78ff05; --h-color-blue-a5: #4c78ff0d; --h-color-blue-a10: #4c78ff1a; --h-color-blue-a15: #4c78ff26; --h-color-blue-a20: #4c78ff33; --h-color-blue-a25: #4c78ff40; --h-color-blue-a50: #4c78ff80; --h-color-blue-a75: #4c78ffbf; --h-color-blue-a80: #4c78ffcc; --h-color-blue-a90: #4c78ffe6; --neutral--0: #fff; --neutral--50: #f8f9fa; --neutral--100: #f2f3f6; --neutral--200: #d8dae0; --neutral--300: #6d7081; --neutral--400: #3b3d4a; --neutral--500: #262831; --neutral--600: #1d1e20; --neutral--700: #161718; --neutral--800: #000; --primary--50: #f1ecff; --primary--100: #e2dbfc; --primary--200: #c5b8f8; --primary--300: #b39ef3; --primary--400: #7253ee; --primary--500: #673de6; --primary--600: #5025d1; --primary--700: #45209d; --primary--800: #2f1c6a; --primary--900: #261559; --primary--1000: #1f1346; --meteorite--50: #f5f5ff; --meteorite--100: #eaeaff; --meteorite--200: #cbc8ff; --meteorite--300: #b6b2ff; --meteorite--400: #a19bff; --meteorite--500: #8c85ff; --light-blue--50: #fafbff; --light-blue--100: #f4f5ff; --light-blue--200: #d5dfff; --light-blue--300: #c3cce9; --light-blue--400: #b0b9d4; --light-blue--500: #888faa; --danger--50: #fff3f7; --danger--100: #ffe8ef; --danger--200: #fea8c2; --danger--300: #fd8bad; --danger--400: #fc6e99; --danger--500: #fc5185; --danger--600: #d63163; --danger--700: #b22852; --warning--100: #fff8e2; --warning--200: #ffd28c; --warning--500: #ffcd35; --warning--600: #fea419; --warning--700: #9f6000; --success--100: #def4f0; --success--200: #80d8c8; --success--500: #00b090; --success--600: #008361; --neon--500: #cf0; --neon--600: #bded00; --peridot--500: #0f0; --peridot--600: #20e052; --niaga-primary: #007aff; --niaga-primary-dark: #002199; --niaga-primary-light: #e0efff; --niaga-primary-lightest: #ebf4ff; --niaga-primary-chart: #80bdff; --niaga-meteorite: #43ccff; --niaga-meteorite-dark: #01012e; --niaga-meteorite-light: #f5faff; --niaga-warning: #ff9800; --niaga-warning-dark: #ff5a00; --niaga-warning-chart: #ffcb80; --niaga-white-blue: #f5faff; --niaga-darken-light: #e0efff; --niaga-blue-dark: #265ab2; --h-z-index-base: 0; --h-z-index-sticky: 100; --h-z-index-sticky-dropdown: 200; --h-z-index-dropdown: 1000; --h-z-index-header: 1100; --h-z-index-header-dropdown: 1200; --h-z-index-modal: 2000; --h-z-index-modal-dropdown: 2100; --h-z-index-tooltip: 3000; --h-z-index-max: 9999; --h-scrollbar-thumb: var(--h-bg-neutral-surface-secondary); --h-scrollbar-thumb-hover: var(--h-color-neutral-400); --font-size-title-special: 80px; --line-height-title-special: 88px; --font-weight-title-special: 399; --letter-spacing-title-special: -.005em; --font-size-title-special-bold: 80px; --line-height-title-special-bold: 88px; --font-weight-title-special-bold: 599; --letter-spacing-title-special-bold: -.005em; --font-size-title-special-medium: 80px; --line-height-title-special-medium: 88px; --font-weight-title-special-medium: 499; --letter-spacing-title-special-medium: -.005em; --font-size-title-0: 56px; --line-height-title-0: 64px; --font-weight-title-0: 399; --letter-spacing-title-0: -.005em; --font-size-title-0-bold: 56px; --line-height-title-0-bold: 64px; --font-weight-title-0-bold: 599; --letter-spacing-title-0-bold: -.005em; --font-size-title-0-medium: 56px; --line-height-title-0-medium: 64px; --font-weight-title-0-medium: 499; --letter-spacing-title-0-medium: -.005em; --font-size-title-1: 48px; --line-height-title-1: 56px; --font-weight-title-1: 399; --letter-spacing-title-1: -.005em; --font-size-title-1-bold: 48px; --line-height-title-1-bold: 56px; --font-weight-title-1-bold: 599; --letter-spacing-title-1-bold: -.005em; --font-size-title-1-medium: 48px; --line-height-title-1-medium: 56px; --font-weight-title-1-medium: 499; --letter-spacing-title-1-medium: -.005em; --font-size-title-2: 36px; --line-height-title-2: 44px; --font-weight-title-2: 399; --letter-spacing-title-2: -.005em; --font-size-title-2-bold: 36px; --line-height-title-2-bold: 44px; --font-weight-title-2-bold: 599; --letter-spacing-title-2-bold: -.005em; --font-size-title-2-medium: 36px; --line-height-title-2-medium: 44px; --font-weight-title-2-medium: 499; --letter-spacing-title-2-medium: -.005em; --font-size-title-3: 32px; --line-height-title-3: 40px; --font-weight-title-3: 399; --letter-spacing-title-3: -.005em; --font-size-title-3-bold: 32px; --line-height-title-3-bold: 40px; --font-weight-title-3-bold: 599; --letter-spacing-title-3-bold: -.005em; --font-size-title-3-medium: 32px; --line-height-title-3-medium: 40px; --font-weight-title-3-medium: 499; --letter-spacing-title-3-medium: -.005em; --font-size-heading-1: 24px; --line-height-heading-1: 32px; --font-weight-heading-1: 599; --letter-spacing-heading-1: -.005em; --font-size-heading-1-regular: 24px; --line-height-heading-1-regular: 32px; --font-weight-heading-1-regular: 399; --letter-spacing-heading-1-regular: -.005em; --font-size-heading-1-medium: 24px; --line-height-heading-1-medium: 32px; --font-weight-heading-1-medium: 499; --letter-spacing-heading-1-medium: -.005em; --font-size-heading-2: 20px; --line-height-heading-2: 28px; --font-weight-heading-2: 599; --letter-spacing-heading-2: -.005em; --font-size-heading-2-regular: 20px; --line-height-heading-2-regular: 28px; --font-weight-heading-2-regular: 399; --letter-spacing-heading-2-regular: -.005em; --font-size-heading-2-medium: 20px; --line-height-heading-2-medium: 28px; --font-weight-heading-2-medium: 499; --letter-spacing-heading-2-medium: -.005em; --font-size-heading-3: 18px; --line-height-heading-3: 26px; --font-weight-heading-3: 599; --letter-spacing-heading-3: -.005em; --font-size-heading-3-regular: 18px; --line-height-heading-3-regular: 26px; --font-weight-heading-3-regular: 399; --letter-spacing-heading-3-regular: -.005em; --font-size-heading-3-medium: 18px; --line-height-heading-3-medium: 26px; --font-weight-heading-3-medium: 499; --letter-spacing-heading-3-medium: -.005em; --font-size-body-1: 16px; --line-height-body-1: 24px; --font-weight-body-1: 399; --letter-spacing-body-1: 0; --font-size-body-1-medium: 16px; --line-height-body-1-medium: 24px; --font-weight-body-1-medium: 499; --letter-spacing-body-1-medium: 0; --font-size-body-1-bold: 16px; --line-height-body-1-bold: 24px; --font-weight-body-1-bold: 599; --letter-spacing-body-1-bold: 0; --font-size-body-2: 14px; --line-height-body-2: 20px; --font-weight-body-2: 399; --letter-spacing-body-2: 0; --font-size-body-2-medium: 14px; --line-height-body-2-medium: 20px; --font-weight-body-2-medium: 499; --letter-spacing-body-2-medium: 0; --font-size-body-2-bold: 14px; --line-height-body-2-bold: 20px; --font-weight-body-2-bold: 599; --letter-spacing-body-2-bold: 0; --font-size-body-3: 12px; --line-height-body-3: 16px; --font-weight-body-3: 399; --letter-spacing-body-3: 0; --font-size-body-3-medium: 12px; --line-height-body-3-medium: 16px; --font-weight-body-3-medium: 499; --letter-spacing-body-3-medium: 0; --font-size-body-3-bold: 12px; --line-height-body-3-bold: 16px; --font-weight-body-3-bold: 599; --letter-spacing-body-3-bold: 0; --font-size-overline: 12px; --line-height-overline: 16px; --font-weight-overline: 699; --letter-spacing-overline: 0; --font-size-caption: 12px; --line-height-caption: 12px; --font-weight-caption: 399; --letter-spacing-caption: 0; --font-size-button-1: 16px; --line-height-button-1: 24px; --font-weight-button-1: 599; --letter-spacing-button-1: 0; --font-size-button-2: 14px; --line-height-button-2: 24px; --font-weight-button-2: 599; --letter-spacing-button-2: 0; --font-size-button-3: 14px; --line-height-button-3: 24px; --font-weight-button-3: 499; --letter-spacing-button-3: 0; --font-size-button-4: 12px; --line-height-button-4: 20px; --font-weight-button-4: 599; --letter-spacing-button-4: 0; --font-size-input: 14px; --line-height-input: 24px; --font-weight-input: 399; --letter-spacing-input: 0; --font-family-mono: "DM Mono", monospace; --font-size-mono-1: 16px; --line-height-mono-1: 24px; --font-weight-mono-1: 400; --letter-spacing-mono-1: 0; --font-size-mono-1-medium: 16px; --line-height-mono-1-medium: 24px; --font-weight-mono-1-medium: 500; --letter-spacing-mono-1-medium: 0; --font-size-mono-2: 14px; --line-height-mono-2: 20px; --font-weight-mono-2: 400; --letter-spacing-mono-2: 0; --font-size-mono-2-medium: 14px; --line-height-mono-2-medium: 20px; --font-weight-mono-2-medium: 500; --letter-spacing-mono-2-medium: 0; --font-size-mono-3: 12px; --line-height-mono-3: 16px; --font-weight-mono-3: 400; --letter-spacing-mono-3: 0; --font-size-mono-3-medium: 12px; --line-height-mono-3-medium: 16px; --font-weight-mono-3-medium: 500; --letter-spacing-mono-3-medium: 0; --font-size-mono: var(--font-size-mono-3-medium); --line-height-mono: var(--line-height-mono-3-medium); --font-weight-mono: var(--font-weight-mono-3-medium); --letter-spacing-mono: var(--letter-spacing-mono-3-medium); --font-size-mono-medium: var(--font-size-mono-2-medium); --line-height-mono-medium: var(--line-height-mono-2-medium); --font-weight-mono-medium: var(--font-weight-mono-2-medium); --letter-spacing-mono-medium: var(--letter-spacing-mono-2-medium); --font-size-mono-large: var(--font-size-mono-1-medium); --line-height-mono-large: var(--line-height-mono-1-medium); --font-weight-mono-large: var(--font-weight-mono-1-medium); --letter-spacing-mono-large: var(--letter-spacing-mono-1-medium); }
@media (max-width: 768px){:root { --font-size-title-special: 48px; --line-height-title-special: 56px; --font-weight-title-special: 399; --letter-spacing-title-special: -.005em; --font-size-title-0: 48px; --line-height-title-0: 56px; --font-weight-title-0: 399; --letter-spacing-title-0: -.005em; --font-size-title-1: 36px; --line-height-title-1: 44px; --font-weight-title-1: 399; --letter-spacing-title-1: -.005em; --font-size-title-2: 32px; --line-height-title-2: 40px; --font-weight-title-2: 399; --letter-spacing-title-2: -.005em; --font-size-title-3: 24px; --line-height-title-3: 32px; --font-weight-title-3: 399; --letter-spacing-title-3: -.005em; --font-size-title-special-bold: 48px; --line-height-title-special-bold: 56px; --font-size-title-0-bold: 48px; --line-height-title-0-bold: 56px; --font-size-title-1-bold: 36px; --line-height-title-1-bold: 44px; --font-size-title-2-bold: 32px; --line-height-title-2-bold: 40px; --font-size-title-3-bold: 24px; --line-height-title-3-bold: 32px; --font-size-title-special-medium: 48px; --line-height-title-special-medium: 56px; --font-size-title-0-medium: 48px; --line-height-title-0-medium: 56px; --font-size-title-1-medium: 36px; --line-height-title-1-medium: 44px; --font-size-title-2-medium: 32px; --line-height-title-2-medium: 40px; --font-size-title-3-medium: 24px; --line-height-title-3-medium: 32px; --font-size-heading-1: 20px; --line-height-heading-1: 28px; --font-size-heading-1-regular: 20px; --line-height-heading-1-regular: 28px; --font-size-heading-1-medium: 20px; --line-height-heading-1-medium: 28px; --font-size-heading-2: 18px; --line-height-heading-2: 26px; --font-size-heading-2-regular: 18px; --line-height-heading-2-regular: 26px; --font-size-heading-2-medium: 18px; --line-height-heading-2-medium: 26px; }
}
:root { --h-border-radius-xs: 4px; --h-border-radius-sm: 8px; --h-border-radius-md: 12px; --h-border-radius-lg: 16px; --h-border-radius-lg-alt: 20px; --h-border-radius-xl: 24px; --h-border-radius-2xl: 32px; --h-border-radius-full: 999px; --h-spacing-4xs: 2px; --h-spacing-3xs: 4px; --h-spacing-2xs: 8px; --h-spacing-xs: 12px; --h-spacing-sm: 16px; --h-spacing-md-alt: 20px; --h-spacing-md: 24px; --h-spacing-lg: 32px; --h-spacing-xl: 40px; --h-spacing-2xl: 48px; --h-spacing-3xl: 64px; --h-spacing-4xl: 80px; --h-breakpoint-mobile: 992px; --z-index-1: 100; --z-index-2: 200; --z-index-3: 300; --z-index-4: 400; --z-index-hp-action: 400; --z-index-5: 500; --z-index-6: 600; --z-index-modal: 600; --z-index-hp-action-modal: 700; --z-index-10: 1000; --z-index-intercom-1: 1100; --z-index-intercom-2: 1200; --z-index-intercom-3: 1300; --z-index-max: 2147480000; --z-index-child-1: 10; --z-index-child-2: 20; }
@keyframes spin-4492c8ba { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.h-button-v2[data-v-dbdcf57d]:focus-visible { outline: 2px solid var(--h-fg-brand-secondary); outline-offset: 2px; }
.h-icon-button[data-v-53b80b60]:focus-visible { outline: 2px solid var(--meteorite--500); outline-offset: 2px; }
.h-menu-item[data-v-a7f776d8]:not(.h-menu-item--loading):focus, .h-menu-item[data-v-a7f776d8]:not(.h-menu-item--loading):focus-visible { background: var(--h-bg-neutral-hover); outline: none; }
@keyframes h-skeleton-loader-keyframes-wave-ba4de27a { 
  0% { transform: translate(-100%); }
  60% { transform: translate(100%); }
  100% { transform: translate(100%); }
}
.h-breadcrumbs__link[data-v-def9d47b]:focus-visible { outline: 2px solid var(--h-bg-brand-secondary); outline-offset: 2px; border-radius: 2px; }
.h-hyperlink[data-v-4fad864a]:focus-visible { outline: 2px solid var(--h-hyperlink-focus-outline); outline-offset: 2px; }
.h-hyperlink--button[data-v-4fad864a]:focus-visible { outline: 2px solid var(--h-hyperlink-focus-outline); outline-offset: 2px; }
.h-browser-tabs__tab[data-v-261245c8]:focus-visible { outline: var(--h-browser-tabs-focus-outline); outline-offset: -2px; border-radius: var(--h-browser-tabs-corner-radius); }
@container (width <= 120px) {
  .h-browser-tabs__tab-badge[data-v-261245c8] { clip-path: inset(50%); white-space: nowrap; width: 1px; height: 1px; padding: 0px; position: absolute; overflow: hidden; }
  .h-browser-tabs__tab-dot[data-v-261245c8] { animation: 0.2s ease 0s 1 normal none running h-browser-tabs-dot-in-261245c8; display: block; }
  @media (prefers-reduced-motion: reduce) {
  .h-browser-tabs__tab-dot[data-v-261245c8] { animation: auto ease 0s 1 normal none running none; }
}
}
@keyframes h-browser-tabs-dot-in-261245c8 { 
  0% { opacity: 0; transform: scale(0); }
  100% { opacity: 1; transform: scale(1); }
}
.h-switch__input[data-v-fe47806c]:focus, .h-switch__input[data-v-fe47806c]:focus-visible { outline: none; }
@property --h-border-ai-angle { syntax: "<angle>"; inherits: false; initial-value: 40deg; }
@keyframes h-border-ai-spin-a4a094cf { 
  100% { --h-border-ai-angle: 400deg; }
}
@keyframes h-border-ai-fade-out-a4a094cf { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.h-input-border[data-v-a4a094cf]:focus-within:not(.h-input-border--disabled):not(.h-input-border--loading):not(.h-input-border--ai), .h-input-border--focused[data-v-a4a094cf]:not(.h-input-border--ai) { box-shadow: 0 0 0 var(--h-border-focus-width,2px) var(--h-border-focus-color); }
.h-input-border--ai[data-v-a4a094cf]:focus-within:not(.h-input-border--disabled):not(.h-input-border--loading)::before, .h-input-border--ai.h-input-border--focused[data-v-a4a094cf]:not(.h-input-border--disabled):not(.h-input-border--loading)::before { content: ""; border-radius: calc(var(--h-border-radius-md) + 2px); pointer-events: none; z-index: -3; background: conic-gradient(from var(--h-border-ai-angle),transparent 40%,#6ae4ff 70%,#673de6 85%,#e536db 95%,transparent 100%); filter: blur(8px); animation: 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running h-border-ai-spin-a4a094cf, 1s ease-out 1.1s 1 normal forwards running h-border-ai-fade-out-a4a094cf; position: absolute; inset: -2px; }
@keyframes copy-check-pop-87597caf { 
  0% { opacity: 0; transform: scale(0.6); }
  70% { opacity: 1; transform: scale(1.08); }
  100% { transform: scale(1); }
}
.h-input__toggle-password[data-v-87597caf]:hover:not(:disabled), .h-input__copy-button[data-v-87597caf]:hover:not(:disabled) { color: var(--h-border-focus-color); }
.h-input__toggle-password[data-v-87597caf]:focus-visible, .h-input__copy-button[data-v-87597caf]:focus-visible { outline: 2px solid var(--h-border-focus-color); outline-offset: 2px; }
.h-input__clear-icon[data-v-87597caf]:focus-visible { outline: 2px solid var(--h-border-focus-color); outline-offset: 2px; opacity: 1; visibility: visible; }
@keyframes h-hotspot-pulse-dc4b14f1 { 
  0% { opacity: 1; transform: scale(0.5); }
  50% { opacity: 0.8; transform: scale(1); }
  100% { opacity: 1; transform: scale(0.5); }
}
@keyframes h-voice-recorder-pulse-112ad00f { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.35; }
}
@keyframes h-footer-enter-below-10f54970 { 
  0% { opacity: 0; transform: translateY(-6px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes h-footer-enter-inline-10f54970 { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.h-input-area__clear-icon[data-v-10f54970]:focus-visible { outline: 2px solid var(--h-border-focus-color); outline-offset: 2px; opacity: 1; visibility: visible; }
@property --h-chat-input-ai-angle { syntax: "<angle>"; inherits: false; initial-value: 40deg; }
@keyframes h-chat-input-ai-spin-da0be327 { 
  100% { --h-chat-input-ai-angle: 400deg; }
}
@keyframes h-chat-input-ai-fade-out-da0be327 { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.h-chat-input .h-chat-input__border[data-v-da0be327]:not(.h-chat-input__border--disabled):not(.h-chat-input__border--ai):hover, .h-chat-input .h-chat-input__border[data-v-da0be327]:not(.h-chat-input__border--disabled):not(.h-chat-input__border--ai):focus-within { box-shadow: inset 0 0 0 max(var(--h-chat-input-border-size,1px),2px) var(--h-stroke-strong); }
.h-chat-input .h-chat-input__border--ai[data-v-da0be327]:hover, .h-chat-input .h-chat-input__border--ai[data-v-da0be327]:focus-within { box-shadow: none; }
.h-chat-input .h-chat-input__border--ai[data-v-da0be327]:hover::after, .h-chat-input .h-chat-input__border--ai[data-v-da0be327]:focus-within::after { padding: max(var(--h-chat-input-border-size,1px),2px); }
.h-chat-input .h-chat-input__border--ai[data-v-da0be327]:focus-within::before { content: ""; inset: calc(-1 * var(--h-chat-input-border-size,1px)); border-radius: calc(var(--h-chat-input-border-radius,var(--h-border-radius-xl)) + var(--h-chat-input-border-size,1px)); pointer-events: none; z-index: -3; background: conic-gradient(from var(--h-chat-input-ai-angle),transparent 40%,#6ae4ff 70%,#673de6 85%,#e536db 95%,transparent 100%); filter: blur(var(--h-chat-input-ai-blur,8px)); animation: 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1 normal forwards running h-chat-input-ai-spin-da0be327, 1s ease-out 1.1s 1 normal forwards running h-chat-input-ai-fade-out-da0be327; position: absolute; }
.h-chat-input .h-chat-input__border--ai-no-blur[data-v-da0be327]:focus-within::before { display: none; }
.h-checkbox[data-v-609ac414]:focus-visible { outline: none; }
@keyframes dp-load-rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
:root { --dp-common-transition: all .1s ease-in; --dp-menu-padding: 6px 8px; --dp-animation-duration: .1s; --dp-menu-appear-transition-timing: cubic-bezier(.4, 0, 1, 1); --dp-transition-timing: ease-out; --dp-action-row-transition: all .2s ease-in; --dp-font-family: -apple-system, blinkmacsystemfont, "Segoe UI", roboto, oxygen, ubuntu, cantarell, "Open Sans", "Helvetica Neue", sans-serif; --dp-border-radius: 4px; --dp-cell-border-radius: 4px; --dp-transition-length: 22px; --dp-transition-timing-general: .1s; --dp-button-height: 35px; --dp-month-year-row-height: 35px; --dp-month-year-row-button-size: 25px; --dp-button-icon-height: 20px; --dp-calendar-wrap-padding: 0 5px; --dp-cell-size: 35px; --dp-cell-padding: 5px; --dp-common-padding: 10px; --dp-input-icon-padding: 35px; --dp-input-padding: 6px 30px 6px 12px; --dp-input-not-clearable-padding: 12px; --dp-menu-min-width: 260px; --dp-action-buttons-padding: 1px 6px; --dp-row-margin: 5px 0; --dp-calendar-header-cell-padding: .5rem; --dp-multi-calendars-spacing: 10px; --dp-overlay-col-padding: 3px; --dp-time-inc-dec-button-size: 32px; --dp-font-size: 1rem; --dp-preview-font-size: .8rem; --dp-time-font-size: 2rem; --dp-action-button-height: 22px; --dp-action-row-padding: 8px; --dp-direction: ltr; }
@container (width <= 300px) {
  .h-calendar-panel { --dp-cell-size: 28px; --h-dp-band-height: 28px; padding: var(--h-spacing-2xs); }
  .h-calendar-panel .dp__cell_inner { width: 28px; height: 28px; }
}
.h-dropdown-list__dropdown li[data-v-4c652d3e]:not(.is-disabled):focus, .h-dropdown-list__dropdown li[data-v-4c652d3e]:not(.is-disabled):focus-visible { background: var(--h-dropdown-list-bg-active); outline: none; }
.h-input-group-border__slot-first[data-v-1259405a]:focus-within:not(.h-input-group-border__slot--first-disabled):not(.h-input-group-border__slot--loading), .h-input-group-border__slot-first.h-input-group-border__slot--first-focused[data-v-1259405a] { box-shadow: 0 0 0 1px var(--h-border-focus-color),inset 0 0 0 1px var(--h-border-focus-color); background-color: var(--h-border-background-color); z-index: 2; border-radius: var(--h-border-radius-md) !important; }
.h-input-group-border__slot-last[data-v-1259405a]:focus-within:not(.h-input-group-border__slot--last-disabled):not(.h-input-group-border__slot--loading), .h-input-group-border__slot-last.h-input-group-border__slot--last-focused[data-v-1259405a] { background-color: var(--h-border-background-color); box-shadow: 0 0 0 1px var(--h-border-focus-color),inset 0 0 0 1px var(--h-border-focus-color) !important; border-radius: var(--h-border-radius-md) !important; z-index: 2 !important; }
.h-input-group-border--column .h-input-group-border__slot-first[data-v-1259405a]:focus-within:not(.h-input-group-border__slot--first-disabled):not(.h-input-group-border__slot--loading), .h-input-group-border--column .h-input-group-border__slot-first.h-input-group-border__slot--first-focused[data-v-1259405a] { box-shadow: 0 0 0 1px var(--h-border-focus-color),inset 0 0 0 1px var(--h-border-focus-color) !important; border-radius: var(--h-border-radius-md) !important; background-color: var(--h-border-background-color) !important; z-index: 2 !important; }
.h-input-group-border--column .h-input-group-border__slot-last[data-v-1259405a]:focus-within:not(.h-input-group-border__slot--last-disabled):not(.h-input-group-border__slot--loading), .h-input-group-border--column .h-input-group-border__slot-last.h-input-group-border__slot--last-focused[data-v-1259405a] { box-shadow: 0 0 0 1px var(--h-border-focus-color),inset 0 0 0 1px var(--h-border-focus-color) !important; border-radius: var(--h-border-radius-md) !important; background-color: var(--h-border-background-color) !important; z-index: 2 !important; }
@media (max-width: 575px){.h-input-group-border .h-input-group-border__slot-first[data-v-1259405a]:focus-within:not(.h-input-group-border__slot--first-disabled):not(.h-input-group-border__slot--loading), .h-input-group-border .h-input-group-border__slot-first.h-input-group-border__slot--first-focused[data-v-1259405a] { border-radius: var(--h-border-radius-md) !important; z-index: 2 !important; }
.h-input-group-border .h-input-group-border__slot-last.h-input-group-border__slot--error[data-v-1259405a], .h-input-group-border .h-input-group-border__slot-last[data-v-1259405a]:focus-within:not(.h-input-group-border__slot--last-disabled):not(.h-input-group-border__slot--loading), .h-input-group-border .h-input-group-border__slot-last.h-input-group-border__slot--last-focused[data-v-1259405a] { border-radius: var(--h-border-radius-md) !important; z-index: 2 !important; }
}
@container (width <= 220px) {
  .h-multi-dropdown-list__footer-controls[data-v-5ad9e092] { flex-direction: column; align-items: stretch; }
  .h-multi-dropdown-list__footer-controls[data-v-5ad9e092] button { width: 100%; }
}
.h-multi-dropdown-list__dropdown li[data-v-5ad9e092]:not(.is-disabled):focus, .h-multi-dropdown-list__dropdown li[data-v-5ad9e092]:not(.is-disabled):focus-visible { background: var(--h-dropdown-list-bg-active); outline: none; }
.h-radio[data-v-17370a98]:focus-visible { outline: none; }
.h-selection-list-item[data-v-413afc6e]:focus-visible { outline: 2px solid var(--h-fg-brand-secondary); outline-offset: 2px; }
@media (hover: hover){.h-selection-list-item--list[data-v-413afc6e]:not(:disabled):hover { background: var(--h-bg-neutral-surface); }
}
.h-data-table__expand-btn[data-v-e95920be]:focus-visible { outline: 2px solid var(--h-stroke-focus); outline-offset: 2px; }
.h-list-item__button[data-v-9d5abb47]:focus-visible { outline: 2px solid var(--h-fg-brand-secondary); outline-offset: -1px; }
.h-segmented-control[data-v-13db2499]:focus-visible { box-shadow: var(--h-segmented-control-segment-focus-shadow); }
.h-segmented-control__segment[data-v-13db2499]:focus-visible { box-shadow: var(--h-segmented-control-segment-focus-shadow); }
.h-tabs[data-v-630d28e2]:focus-visible { outline: var(--h-tabs-focus-visible-outline); outline-offset: 2px; }
.h-upload__dropzone[data-v-1d738e36]:focus-visible { box-shadow: 0 0 0 1px var(--h-upload-focus-border-color); border: 1px solid var(--h-upload-focus-border-color); }
.h-language-selector__item[data-v-1bbf1e1c]:focus-visible { background: var(--h-bg-neutral-hover); }
@keyframes fadeIn-bd0b3e8a { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@container (width <= 768px) {
  .h-table-header[data-v-10b9618b] { width: 100%; padding: 24px 16px; }
  .h-table-header__top-container[data-v-10b9618b] { flex-direction: column; gap: 16px; }
  .h-table-header__title-container[data-v-10b9618b] { gap: 0px 16px; width: 100%; display: grid; }
  .h-table-header__title[data-v-10b9618b] { grid-column: 1 / 2; }
  .h-table-header__drop-down-menu[data-v-10b9618b] { grid-area: 1 / 2; place-self: center flex-end; }
  .h-table-header__subtitle[data-v-10b9618b] { grid-column: 1 / 2; }
  .h-table-header__actions-container[data-v-10b9618b] { flex-direction: column; gap: 8px; width: 100%; }
  .h-table-header__actions-container[data-v-10b9618b] :scope > button { width: 100% !important; }
}
*, ::before, ::after { box-sizing: border-box; }
* { padding: 0px; margin: 0px; color: inherit; }
::before, ::after { padding: 0px; margin: 0px; }
html { height: 100%; }
#app { position: relative; z-index: 1; height: 100%; }
body { height: 100%; margin: 0px; font-family: "DM Sans", sans-serif; color: rgb(29, 30, 32); -webkit-font-smoothing: antialiased; }
button { font-family: "DM Sans", sans-serif; background-color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; outline: none; box-shadow: none; }
.transition.transition--slide:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(20%); }
@keyframes user-hover-border-glow { 
  0%, 100% { box-shadow: 0 0 0 var(--u-hover-border-width, 2px) var(--u-hover-border-color, currentcolor),0 0 calc(var(--u-hover-border-width, 2px) * 4) var(--u-hover-border-color, currentcolor); }
  50% { box-shadow: 0 0 0 var(--u-hover-border-width, 2px) var(--u-hover-border-color, currentcolor),0 0 calc(var(--u-hover-border-width, 2px) * 9) var(--u-hover-border-color, currentcolor); }
}
@keyframes user-loop-float { 
  0%, 100% { translate: 0px; }
  50% { translate: 0px -8px; }
}
@keyframes user-loop-pulse { 
  0%, 100% { scale: 1; }
  50% { scale: 1.04; }
}
@keyframes user-loop-wobble { 
  0%, 100% { rotate: 0deg; }
  25% { rotate: -3deg; }
  75% { rotate: 3deg; }
}
@keyframes user-text-shimmer { 
  0% { background-position: 0px 0px; }
  100% { background-position: 100% 0px; }
}
body, .mode-light, .mode-dark { color: var(--h-fg-neutral-default); }
button { background-color: var(--h-bg-neutral-default); }
.builder-preview { color: var(--color-dark); }
.mode-light { --builder-fg-info: var(--h-color-blue-600); --builder-bg-info: var(--h-color-blue-50); --builder-bg-info-strong: var(--h-color-blue-500); --builder-stroke-info: var(--h-color-blue-500); --builder-bg-warning-subtle: var(--h-color-warning-50); --builder-stroke-warning-subtle: var(--h-color-warning-500); }

.block-background { position: absolute; inset: 0px; z-index: 13; overflow: hidden; background: var(--v4cfc8878); backface-visibility: hidden; }
@keyframes animate-gradient { 
  0% { background-position: var(--v5abb0200) var(--v5c6fda9f); }
  50% { background-position: var(--v47c095f9) var(--v47c095f9); }
  100% { background-position: var(--v5abb0200) var(--v5c6fda9f); }
}
.block-background { transition: height 1ms linear 999s; }
.transition-with-bg { transition: background-color 0.3s ease-in-out, height 1ms linear 999s; }
.block-layout { z-index: 14; display: grid; grid-template-rows: var(--grid-template-rows); grid-template-columns: var(--grid-template-columns); width: 100%; max-width: var(--v3f3138e2); min-height: var(--block-min-height); margin: 0px auto; }
@media screen and (max-width: 920px){.block-layout--layout { grid-template-rows: var(--m-grid-template-rows); grid-template-columns: var(--m-grid-template-columns); max-width: var(--c27f45b8); min-height: var(--m-block-min-height); padding: var(--v66d5c4a6); }
}
@media screen and (min-width: 920px) and (max-width: 1224px){.block-layout--layout { grid-template-rows: var(--small-desktop-grid-template-rows); min-height: var(--small-desktop-block-min-height); }
}
@media screen and (min-width: 361px) and (max-width: 920px){.block-layout--layout { grid-template-rows: var(--t-grid-template-rows); min-height: var(--t-block-min-height); padding: var(--v1984096a); }
}
.hostinger-button-contained--primary[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-brand-hover); border: 1px solid var(--h-bg-brand-default); outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-contained--primary-dark[data-v-d0f83dce]:focus-visible { border: 1px solid var(--h-color-primary-800); outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-contained--danger[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-danger-hover); border: 1px solid var(--h-bg-danger-default); outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-contained--warning[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-warning-hover); border: 1px solid var(--h-bg-warning-default); outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-contained--add-block[data-v-d0f83dce]:focus-visible { background-color: var(--h-color-blue-600); border: 1px solid var(--h-color-blue-600); outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-outlined--primary[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-brand-tint-default); border: 1px solid var(--h-stroke-default); outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-outlined--primary-dark[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-neutral-secondary); border: 1px solid var(--h-stroke-default); outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-outlined--danger[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-danger-tint-default); border: 1px solid var(--h-stroke-default); outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-outlined--warning[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-warning-tint-default); border: 1px solid var(--h-stroke-default); outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-text--primary[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-brand-tint-default); border: 1px solid transparent; outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-text--primary-dark[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-neutral-secondary); border: 1px solid transparent; outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-text--danger[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-danger-tint-default); border: 1px solid transparent; outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-plain--primary[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-neutral-surface); border: 1px solid transparent; outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-plain--highlight[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-brand-tint-default); border: 1px solid transparent; outline: 2px solid var(--h-stroke-brand); }
.hostinger-button-plain--danger[data-v-d0f83dce]:focus-visible { background-color: var(--h-bg-danger-tint-default); border: 1px solid transparent; outline: 2px solid var(--h-stroke-brand); }
@keyframes spin-d0f83dce { 
  100% { transform: rotate(360deg); }
}
@keyframes pulsing-dot-core-23f43a58 { 
  0%, 100% { transform: scale(0.95); }
  70% { transform: scale(1); }
}
@keyframes pulsing-dot-ring-23f43a58 { 
  0% { transform: scale(1); opacity: 0.55; }
  70% { transform: scale(2.4); opacity: 0; }
  100% { transform: scale(2.4); opacity: 0; }
}
@keyframes shine-dc56c899 { 
  100% { background-position-x: -200%; }
}
@keyframes spin-38075d76 { 
  100% { transform: rotate(360deg); }
}
.context-menu-button[data-v-4aa1cccc]:hover:not(:disabled), .context-menu-button[data-v-4aa1cccc]:focus-visible:not(:disabled) { cursor: pointer; background: var(--h-bg-neutral-secondary); }
.drag-box[data-v-23243c3e] { position: fixed; top: var(--v48122f44); left: var(--v2be4c926); width: var(--v2dc72262); height: var(--v93a470f4); background-color: var(--h-color-blue-a5); border: 2px solid var(--builder-stroke-info); z-index: 205; }
.zyro-checkbox--multiselect .zyro-checkbox__input:not(:checked) + .zyro-checkbox__label[data-v-163f13b5] { border: 2px solid var(--h-stroke-brand); }
.zyro-checkbox--multiselect .zyro-checkbox__input:not(:checked) + .zyro-checkbox__label--filled[data-v-163f13b5] { color: var(--h-fg-brand-inverse-default); background-color: var(--h-bg-brand-default); }
.zyro-checkbox--multiselect .zyro-checkbox__input:not(:checked) + .zyro-checkbox__label[data-v-163f13b5]::after { content: "−"; display: flex; align-items: center; justify-content: center; font-size: 0.8em; font-weight: 700; line-height: 1; width: 1.2em; transition: transform 75ms cubic-bezier(0.4, 0, 1, 1); transform: rotateY(0deg) scale(1); }
.layout-element { position: relative; left: var(--rotation-element-left, var(--left)); top: var(--rotation-element-top, auto); z-index: var(--hidden-element-z-index, var(--z-index)); display: grid; grid-row: var(--grid-row); grid-column: var(--grid-column); width: var(--rotation-element-width, var(--element-width, 100%)); height: var(--rotation-element-height, var(--element-height, 100%)); text-align: var(--text); rotate: var(--element-rotation, 0deg); }
@media screen and (max-width: 920px){.layout-element { top: var(--m-rotation-element-top, auto); left: var(--m-rotation-element-left, var(--left)); z-index: var(--m-hidden-element-z-index, var(--z-index)); text-align: var(--m-text, var(--text)); rotate: var(--m-element-rotation, 0deg); width: var(--m-rotation-element-width, var(--element-width, 100%)); height: var(--m-rotation-element-height, var(--element-height, 100%)); }
.layout-element--layout { grid-row: var(--m-grid-row); grid-column: var(--m-grid-column); }
}
.grid-button--primary[data-v-297de5e8] { z-index: 1; display: flex; align-items: center; max-width: 100%; height: min-content; min-height: var(--grid-button-primary-min-height); padding: calc(var(--grid-button-primary-padding-y) - var(--border-width)) calc(var(--grid-button-primary-padding-x) - var(--border-width)); overflow: hidden; font-family: var(--font-family, var(--grid-button-primary-font-family)); font-size: var(--font-size-desktop, var(--grid-button-primary-font-size)); font-style: var(--grid-button-primary-font-style); font-weight: var(--font-weight, var(--grid-button-primary-font-weight)); line-height: var(--grid-button-primary-line-height); color: var(--font-color, var(--grid-button-primary-color)); text-align: center; text-decoration: var(--grid-button-primary-text-decoration); text-overflow: ellipsis; text-transform: var(--grid-button-primary-text-transform); letter-spacing: var(--grid-button-primary-letter-spacing); white-space: nowrap; cursor: pointer; background-color: var(--background-color, var(--grid-button-primary-background-color-null, var(--grid-button-primary-background-color))); border: var(--border-width) solid var(--border-color, var(--grid-button-primary-border-color)); border-radius: var(--border-radius, var(--grid-button-primary-border-radius)); box-shadow: var(--grid-button-primary-box-shadow-null, var(--grid-button-primary-box-shadow-x) var(--grid-button-primary-box-shadow-y) var(--grid-button-primary-box-shadow-blur) var(--grid-button-primary-box-shadow-spread) var(--grid-button-primary-box-shadow-color)); transition: color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),border-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),background-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function); }
.grid-button--primary[data-v-297de5e8]:hover { color: var(--font-color-hover, var(--grid-button-primary-color-hover)); background-color: var(--background-color-hover, var(--grid-button-primary-background-color-null-hover, var(--grid-button-primary-background-color-hover))); border: var(--border-width) solid var(--border-color-hover, var(--grid-button-primary-border-color-hover)); box-shadow: var(--grid-button-primary-box-shadow-null-hover, var(--grid-button-primary-box-shadow-x-hover) var(--grid-button-primary-box-shadow-y-hover) var(--grid-button-primary-box-shadow-blur-hover) var(--grid-button-primary-box-shadow-spread-hover) var(--grid-button-primary-box-shadow-color-hover)); }
.grid-button--primary[data-v-297de5e8]:disabled { cursor: unset; opacity: 0.4; }
@media screen and (max-width: 920px){.grid-button--primary[data-v-297de5e8] { z-index: 1; display: flex; align-items: center; max-width: 100%; height: min-content; min-height: var(--grid-button-primary-min-height); padding: calc(var(--grid-button-primary-padding-y) - var(--border-width)) calc(var(--grid-button-primary-padding-x) - var(--border-width)); overflow: hidden; font-family: var(--font-family, var(--grid-button-primary-font-family)); font-size: var(--font-size-desktop, var(--grid-button-primary-font-size)); font-style: var(--grid-button-primary-font-style); font-weight: var(--font-weight, var(--grid-button-primary-font-weight)); line-height: var(--grid-button-primary-line-height); color: var(--font-color, var(--grid-button-primary-color)); text-align: center; text-decoration: var(--grid-button-primary-text-decoration); text-overflow: ellipsis; text-transform: var(--grid-button-primary-text-transform); letter-spacing: var(--grid-button-primary-letter-spacing); white-space: nowrap; cursor: pointer; background-color: var(--background-color, var(--grid-button-primary-background-color-null, var(--grid-button-primary-background-color))); border: var(--border-width) solid var(--border-color, var(--grid-button-primary-border-color)); border-radius: var(--border-radius, var(--grid-button-primary-border-radius)); box-shadow: var(--grid-button-primary-box-shadow-null, var(--grid-button-primary-box-shadow-x) var(--grid-button-primary-box-shadow-y) var(--grid-button-primary-box-shadow-blur) var(--grid-button-primary-box-shadow-spread) var(--grid-button-primary-box-shadow-color)); transition: color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),border-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function),background-color var(--grid-button-primary-transition-duration) var(--grid-button-primary-transition-timing-function); }
.grid-button--primary[data-v-297de5e8]:hover { color: var(--font-color-hover, var(--grid-button-primary-color-hover)); background-color: var(--background-color-hover, var(--grid-button-primary-background-color-null-hover, var(--grid-button-primary-background-color-hover))); border: var(--border-width) solid var(--border-color-hover, var(--grid-button-primary-border-color-hover)); box-shadow: var(--grid-button-primary-box-shadow-null-hover, var(--grid-button-primary-box-shadow-x-hover) var(--grid-button-primary-box-shadow-y-hover) var(--grid-button-primary-box-shadow-blur-hover) var(--grid-button-primary-box-shadow-spread-hover) var(--grid-button-primary-box-shadow-color-hover)); }
.grid-button--primary[data-v-297de5e8] { padding: calc(var(--grid-button-primary-m-padding-y, var(--grid-button-primary-padding-y)) - var(--border-width)) calc(var(--grid-button-primary-m-padding-x, var(--grid-button-primary-padding-x)) - var(--border-width)); font-size: var(--font-size-mobile, var(--grid-button-primary-m-font-size, var(--grid-button-primary-font-size))); border-radius: var(--border-radius, var(--grid-button-primary-border-radius)); }
.grid-button--primary[data-v-297de5e8]:disabled { cursor: unset; opacity: 0.4; }
@keyframes loading-297de5e8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
}
@keyframes loading-297de5e8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@media screen and (max-width: 920px){@keyframes loading-297de5e8 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
}
.form__button[data-v-451eac12]:focus-visible { outline: rgb(53, 125, 249) solid 2px; }
.image[data-v-8ca41215] { overflow: var(--overflow, hidden); border-radius: var(--v7007e7a5); mask-image: var(--v76f5f733); mask-size: 100% 100%; position: relative; }
.image[data-v-8ca41215]::before { content: ""; position: absolute; inset: 0px; background: var(--v52de0f10); z-index: 1; }
.image--grid[data-v-8ca41215] { position: relative; display: block; width: 100%; height: 100%; }
@media screen and (min-width: 920px) and (max-width: 1224px){.image--grid[data-v-8ca41215] { width: var(--v3f28ffbc); max-width: 100%; height: var(--v21b35439); }
}
.image__image[data-v-8ca41215] { display: block; object-fit: cover; object-position: var(--e3629ab6); }
.image__image[data-v-8ca41215], .image__image--unstyled[data-v-8ca41215] { width: 100%; height: 100%; }
@media screen and (max-width: 920px){.image[data-v-8ca41215] { border-radius: var(--d66f8f86); }
.image--grid[data-v-8ca41215] { width: 100%; height: 100%; }
}
@media screen and (max-width: 360px){.image[data-v-8ca41215] { width: var(--v6dfc834f); max-width: 100%; height: var(--v655f79f4); }
}
.image[data-v-1eecbf74] { height: 100%; user-select: none; }
.image[data-v-1eecbf74] img[src=""] { visibility: hidden; }
@keyframes blink-f262cb26 { 
  0% { background-position: 0% 53%; }
  50% { background-position: 100% 48%; }
  100% { background-position: 0% 53%; }
}
@keyframes blink { 
  0% { background-position: 0% 53%; }
  50% { background-position: 100% 48%; }
  100% { background-position: 0% 53%; }
}
@keyframes placeholder-shimmer-2b17c916 { 
  0% { transform: translateZ(0px); }
  100% { transform: translate3d(50%, 0px, 0px); }
}
.social-icons[data-v-7a627136] { display: flex; flex-direction: var(--icon-direction); justify-content: var(--icon-spacing, start); max-height: 100%; padding: var(--gridItemInnerPadding); background-image: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; background-position: center center; background-size: cover; }
.social-icons__link[data-v-7a627136] { display: flex; align-items: center; justify-content: center; line-height: 1; color: var(--icon-color, black); transition: color 0.2s; }
.social-icons__link[data-v-7a627136]:not(:last-child) { padding-right: var(--icon-padding-horizontal); padding-bottom: var(--icon-padding-vertical); }
.social-icons__link[data-v-7a627136]:hover { color: var(--icon-color-hover, #727586); }
.social-icons__link[data-v-7a627136] svg { width: var(--icon-size, 25px); height: var(--icon-size, 25px); object-fit: contain; }
@media screen and (max-width: 920px){.social-icons[data-v-7a627136] { flex-direction: var(--m-icon-direction); }
.social-icons__link[data-v-7a627136]:not(:last-child) { padding-right: var(--m-icon-padding-horizontal, var(--icon-padding-horizontal)); padding-bottom: var(--m-icon-padding-vertical, var(--icon-padding-vertical)); }
}
.text-size-button[data-v-ad3b05f3]:focus-within { cursor: text; }
.pointer-events-none[data-v-6bafe7d3] { pointer-events: none; }
.text-box h2 { font-family: var(--h2-font-family); font-size: var(--h2-font-size); font-style: var(--h2-font-style); font-weight: var(--h2-font-weight); line-height: var(--h2-line-height); color: var(--h2-color); text-decoration: var(--h2-text-decoration); text-transform: var(--h2-text-transform); letter-spacing: var(--h2-letter-spacing); }
@media screen and (max-width: 920px){.text-box h2 { font-family: var(--h2-m-font-family, var(--h2-font-family)); font-size: var(--h2-m-font-size, var(--h2-font-size)); font-style: var(--h2-m-font-style, var(--h2-font-style)); font-weight: var(--h2-m-font-weight, var(--h2-font-weight)); line-height: var(--h2-m-line-height, var(--h2-line-height)); color: var(--h2-m-color, var(--h2-color)); text-decoration: var(--h2-m-text-decoration, var(--h2-text-decoration)); text-transform: var(--h2-m-text-transform, var(--h2-text-transform)); letter-spacing: var(--h2-m-letter-spacing, var(--h2-letter-spacing)); }
}
.text-box h3 { font-family: var(--h3-font-family); font-size: var(--h3-font-size); font-style: var(--h3-font-style); font-weight: var(--h3-font-weight); line-height: var(--h3-line-height); color: var(--h3-color); text-decoration: var(--h3-text-decoration); text-transform: var(--h3-text-transform); letter-spacing: var(--h3-letter-spacing); }
@media screen and (max-width: 920px){.text-box h3 { font-family: var(--h3-m-font-family, var(--h3-font-family)); font-size: var(--h3-m-font-size, var(--h3-font-size)); font-style: var(--h3-m-font-style, var(--h3-font-style)); font-weight: var(--h3-m-font-weight, var(--h3-font-weight)); line-height: var(--h3-m-line-height, var(--h3-line-height)); color: var(--h3-m-color, var(--h3-color)); text-decoration: var(--h3-m-text-decoration, var(--h3-text-decoration)); text-transform: var(--h3-m-text-transform, var(--h3-text-transform)); letter-spacing: var(--h3-m-letter-spacing, var(--h3-letter-spacing)); }
}
.text-box .body-large { font-family: var(--body-large-font-family); font-size: var(--body-large-font-size); font-style: var(--body-large-font-style); font-weight: var(--body-large-font-weight); line-height: var(--body-large-line-height); color: var(--body-large-color); text-decoration: var(--body-large-text-decoration); text-transform: var(--body-large-text-transform); letter-spacing: var(--body-large-letter-spacing); }
@media screen and (max-width: 920px){.text-box .body-large { font-family: var(--body-large-m-font-family, var(--body-large-font-family)); font-size: var(--body-large-m-font-size, var(--body-large-font-size)); font-style: var(--body-large-m-font-style, var(--body-large-font-style)); font-weight: var(--body-large-m-font-weight, var(--body-large-font-weight)); line-height: var(--body-large-m-line-height, var(--body-large-line-height)); color: var(--body-large-m-color, var(--body-large-color)); text-decoration: var(--body-large-m-text-decoration, var(--body-large-text-decoration)); text-transform: var(--body-large-m-text-transform, var(--body-large-text-transform)); letter-spacing: var(--body-large-m-letter-spacing, var(--body-large-letter-spacing)); }
}
.text-box .body { font-family: var(--body-font-family); font-size: var(--body-font-size); font-style: var(--body-font-style); font-weight: var(--body-font-weight); line-height: var(--body-line-height); color: var(--body-color); text-decoration: var(--body-text-decoration); text-transform: var(--body-text-transform); letter-spacing: var(--body-letter-spacing); }
@media screen and (max-width: 920px){.text-box .body { font-family: var(--body-m-font-family, var(--body-font-family)); font-size: var(--body-m-font-size, var(--body-font-size)); font-style: var(--body-m-font-style, var(--body-font-style)); font-weight: var(--body-m-font-weight, var(--body-font-weight)); line-height: var(--body-m-line-height, var(--body-line-height)); color: var(--body-m-color, var(--body-color)); text-decoration: var(--body-m-text-decoration, var(--body-text-decoration)); text-transform: var(--body-m-text-transform, var(--body-text-transform)); letter-spacing: var(--body-m-letter-spacing, var(--body-letter-spacing)); }
}
.text-box { width: 100%; padding: 0px; margin: 0px; overflow-wrap: break-word; white-space: var(--white-space-preview, var(--v2b806092)); background-color: var(--v12d9d480); outline: none; }
.text-box h2, .text-box h3, .text-box h4, .text-box .body-large, .text-box .body { margin-bottom: 32px; }
.text-box h2:last-child, .text-box h3:last-child, .text-box h4:last-child, .text-box .body-large:last-child, .text-box .body:last-child { margin-bottom: 0px; }
.text-box h2 { font-size: var(--fontSizeDesktop, var(--h2-font-size)); line-height: var(--lineHeightDesktop, var(--h2-line-height)); }
.text-box h3 { font-size: var(--fontSizeDesktop, var(--h3-font-size)); line-height: var(--lineHeightDesktop, var(--h3-line-height)); }
.text-box .body-large { font-size: var(--fontSizeDesktop, var(--body-large-font-size)); line-height: var(--lineHeightDesktop, var(--body-large-line-height)); }
.text-box .body { font-size: var(--fontSizeDesktop, var(--body-font-size)); line-height: var(--lineHeightDesktop, var(--body-line-height)); }
.text-box span { font-size: var(--fontSizeDesktop); }
.text-box :is(h1, h2, h3, h4, h5, h6, p):last-child { padding-bottom: max(0px,(1.2 - var(--lineHeightDesktop, 1.2)) * .5em); }
@media screen and (max-width: 920px){.text-box h2, .text-box h3, .text-box h4, .text-box .body-large, .text-box .body { margin-bottom: 32px; }
.text-box h2:last-child, .text-box h3:last-child, .text-box h4:last-child, .text-box .body-large:last-child, .text-box .body:last-child { margin-bottom: 0px; }
.text-box, .text-box .ProseMirror { white-space: var(--white-space-mobile-preview, var(--d294b058)); }
.text-box h2 { font-size: var(--fontSizeMobile, var(--h2-m-font-size)); line-height: var(--lineHeightMobile, var(--h2-line-height)); }
.text-box h3 { font-size: var(--fontSizeMobile, var(--h3-m-font-size)); line-height: var(--lineHeightMobile, var(--h3-line-height)); }
.text-box .body-large { font-size: var(--fontSizeMobile, var(--body-large-m-font-size)); line-height: var(--lineHeightMobile, var(--body-large-line-height)); }
.text-box .body { font-size: var(--fontSizeMobile, var(--body-m-font-size)); line-height: var(--lineHeightMobile, var(--body-line-height)); }
.text-box span { font-size: var(--fontSizeMobile); }
.text-box :is(h1, h2, h3, h4, h5, h6, p):first-child { padding-top: max(0px,(1.2 - var(--lineHeightMobile, 1.2)) * .5em); }
.text-box :is(h1, h2, h3, h4, h5, h6, p):last-child { padding-bottom: max(0px,(1.2 - var(--lineHeightMobile, 1.2)) * .7em); }
}
@keyframes running-text-scroll-bffe1e28 { 
  0% { transform: translate(0px); }
  100% { transform: translate(-50%); }
}
.grid-shape { position: relative; display: flex; width: 100%; height: var(--shape-height, 100%); overflow: hidden; color: var(--shape-color); }
.grid-shape svg { width: 100%; height: 100%; fill: var(--shape-color); }
@media screen and (max-width: 920px){.grid-shape { height: var(--m-shape-height, 100%); }
}
@media screen and (min-width: 360px) and (max-width: 920px){.grid-shape { height: var(--t-shape-height, 100%); }
}
@media screen and (min-width: 920px) and (max-width: 1224px){.grid-shape { height: var(--small-desktop-shape-height, 100%); }
}
.layout-element { grid-template-columns: 100%; }
.layout-element__component { grid-area: 1 / 1 / -1 / -1; align-self: start; }
.layout-element__component--GridButton.layout-element__component, .layout-element__component--GridEcommerceButton.layout-element__component, .layout-element__component--GridAffiliateFind.layout-element__component, .layout-element__component--GridEcommerceButton.layout-element__component .grid-button { display: flex; align-items: center; justify-content: center; justify-self: start; min-width: 100%; min-height: 100%; text-overflow: clip; white-space: nowrap; }
.layout-element__component--GridButton.layout-element__component:not(.s), .layout-element__component--GridEcommerceButton.layout-element__component:not(.s), .layout-element__component--GridAffiliateFind.layout-element__component:not(.s), .layout-element__component--GridEcommerceButton.layout-element__component .grid-button:not(.s) { padding: 0px; }
@media screen and (max-width: 1191px){.layout-element__component--GridButton:not(.s), .layout-element__component--GridEcommerceButton:not(.s), .layout-element__component--GridAffiliateFind:not(.s) { white-space: normal; }
}
@media screen and (max-width: 920px){.layout-element__component--GridButton:not(.s), .layout-element__component--GridEcommerceButton:not(.s), .layout-element__component--GridAffiliateFind:not(.s) { min-height: 100%; }
}
@media screen and (max-width: 360px){.layout-element__component--GridButton:not(.s), .layout-element__component--GridEcommerceButton:not(.s), .layout-element__component--GridAffiliateFind:not(.s) { min-width: var(--m-width); min-height: var(--m-height); padding-right: 14px; padding-left: 14px; }
}
.layout-element { pointer-events: all; cursor: move; }
.layout-element--is-preview-mode { cursor: auto; }
.layout-element--is-preview-mode * { pointer-events: all !important; }
.layout-element__component { overflow: var(--overflow, hidden); }
.layout-element__component--GridImage { height: 100%; }
.layout-element__component--GridSocialIcons { height: auto; }
.layout-element__component--GridSocialIcons.layout-element__component--GridSocialIcons { max-height: fit-content; }
.layout-element__component--GridTextBox { overflow: visible; }
.layout-element[data-v-4f252250]:not(.is-highlighted) .layout-element__component * { pointer-events: none; }
.layout-element[data-v-4f252250]:not(.is-active-element-present):hover, .layout-element.is-highlighted[data-v-4f252250], .layout-element.is-blocking-resize[data-v-4f252250], .layout-element--is-multi-selected[data-v-4f252250] { user-select: text; }
.block-layout-container[data-v-6b232789] { position: relative; z-index: 14; }
.block-layout[data-v-6b232789], .block-layout__element[data-v-6b232789] { position: relative; }
@keyframes shimmer-6b232789 { 
  0% { left: -100%; }
  100% { left: 100%; }
}
@keyframes sparkle-6b232789 { 
  0%, 100% { transform: scale(1) rotate(0deg); }
  50% { transform: scale(1.1) rotate(8deg); }
}
@keyframes slide-up-6b232789 { 
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes shine-dc0bfe9d { 
  100% { background-position-x: -200%; }
}
@keyframes spin-aa2ce0df { 
  100% { transform: rotate(360deg); }
}
@keyframes shine-675d79b5 { 
  100% { background-position-x: -200%; }
}
.quantity-picker__amount[data-v-9f607039]:focus-visible { outline: none; }
:root { --max-width-description: 600px; }
@keyframes logo-marquee-scroll-7af60979 { 
  0% { transform: translate(0px); }
  100% { transform: translate(-50%); }
}
.block[data-v-1e1ce25f] { position: relative; display: grid; grid-template-rows: 100%; grid-template-columns: 100%; width: 100%; }
.block--desktop-first-visible[data-v-1e1ce25f], .block[data-v-1e1ce25f]:first-child { padding-top: var(--header-height, 0); margin-top: calc(-1 * var(--header-height, 0)); }
@media screen and (max-width: 920px){.block--desktop-first-visible[data-v-1e1ce25f] { padding-top: unset; margin-top: unset; }
.block--mobile-first-visible[data-v-1e1ce25f], .block[data-v-1e1ce25f]:first-child { padding-top: var(--header-height-mobile, var(--header-height, 0)); margin-top: calc(-1 * var(--header-height-mobile, var(--header-height, 0))); }
}
.block[data-v-1e1ce25f] { position: relative; grid-area: 1 / 1 / -1 / -1; height: var(--v01e5e0b0); }
@keyframes appear-327873e8 { 
  0% { opacity: 0; }
  30% { opacity: 1; }
  80% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes prompt-bg-in-8118958c { 
  100% { opacity: 1; }
}
@keyframes checkmark-scale-523e0c62 { 
  0% { transform: scale(1); }
  60% { transform: scale(1.3); }
  100% { transform: scale(1); }
}
.burger[data-v-6c816eb3]:focus-visible { outline: solid 2px; outline-offset: 1px; }
@keyframes bounce-in-64bea1b6 { 
  0% { transform: scale(0); }
  50% { transform: scale(1.25); }
  100% { transform: scale(1); }
}
@keyframes pulse-cd339313 { 
  0% { transform: scale(1); opacity: 1; box-shadow: 0 0 0 0 var(--h-bg-brand-tint-hover); }
  50% { transform: scale(1.15); opacity: 0.9; box-shadow: transparent 0px 0px 0px 4px; }
  100% { transform: scale(1); opacity: 1; box-shadow: transparent 0px 0px 0px 0px; }
}
@keyframes publish-content-v2-shimmer-bc6fc823 { 
  0% { transform: translate(-50%); }
  100% { transform: translate(50%); }
}
.gamification-drawer[data-v-be6c6773] .drawer__close:not(:hover) { color: var(--h-fg-brand-inverse-default); }
@keyframes bounce-in-5e811db6 { 
  0% { transform: scale(0); }
  50% { transform: scale(1.25); }
  100% { transform: scale(1); }
}
@keyframes expand-c120ab98 { 
  0% { display: none; opacity: 0; }
  1% { display: block; opacity: 0; transform: translateY(-1em); }
  100% { opacity: 1; }
}
@keyframes horizontal-pulse-dd059a70 { 
  0% { transform: translate(-2px) rotate(90deg); }
  100% { transform: translate(2px) rotate(90deg); }
}
.fonts__subset-input[data-v-a61cfe8c]:focus, .fonts__subset-input[data-v-a61cfe8c]:focus-within { border: var(--h-stroke-strong) 1px solid; outline: none; }
.mobile-frame[data-v-60ebb75d] { height: 100%; }
.mobile-frame.mobile-frame-auto-height[data-v-60ebb75d] { height: auto; }
.burger[data-v-43ca5418] { width: 24px; height: 18px; cursor: pointer; background-color: transparent; transition-property: transform, opacity, width; transition-duration: 0.4s; transition-timing-function: ease-in-out; transition-delay: 0.1s; transform: rotate(0deg); }
.burger[data-v-43ca5418]:focus-visible { outline: solid 2px; outline-offset: 1px; }
.burger__bun[data-v-43ca5418], .burger__meat[data-v-43ca5418] { position: absolute; display: block; width: 100%; height: 2px; background: var(--v63017ab5); border-radius: 2px; transition-property: transform, opacity, width; transition-duration: 0.25s; transition-timing-function: ease-in-out; transition-delay: 0.1s; transform: rotate(0deg); transform-origin: left center; }
.burger__bun[data-v-43ca5418]:first-child { top: 0px; }
.burger__bun[data-v-43ca5418]:last-child { top: 16px; }
.burger__meat[data-v-43ca5418] { top: 8px; }
.background { position: absolute; inset: 0px; z-index: 13; display: block; background-color: var(--background-color); transition: background-color 0.3s ease-in-out; }
.block-header-cart__icon-container[data-v-162fcb72]:focus-visible { border-color: var(--nav-link-text-color-hover, var(--nav-link-text-color)); }
.block-header-cart[data-v-162fcb72]:hover, .block-header-cart[data-v-162fcb72]:focus-visible { color: var(--nav-link-text-color-hover, var(--nav-link-text-color)); text-decoration: underline; text-underline-offset: 7px; }
.item-content[data-v-76d5a5f3] { position: relative; align-self: center; font-family: var(--nav-link-font-family); font-size: var(--nav-link-font-size); font-style: var(--nav-link-font-style); font-weight: var(--nav-link-font-weight); line-height: var(--nav-link-line-height); color: var(--nav-link-text-color); text-decoration: var(--nav-link-text-decoration); text-transform: var(--nav-link-text-transform); letter-spacing: var(--nav-link-letter-spacing); white-space: pre-wrap; cursor: pointer; }
.item-content__icon-container[data-v-76d5a5f3]:focus-visible { border-color: var(--nav-link-text-color-hover, var(--nav-link-text-color)); }
.item-content-wrapper[data-v-76d5a5f3] { display: flex; align-items: center; text-align: left; }
.item-content-wrapper--active .item-content[data-v-76d5a5f3], .item-content-wrapper:hover .item-content[data-v-76d5a5f3], .item-content-wrapper:focus .item-content[data-v-76d5a5f3] { color: var(--nav-link-text-color-hover, var(--nav-link-text-color)); text-decoration: underline; text-underline-offset: 7px; }
@media screen and (max-width: 920px){.item-content[data-v-76d5a5f3] { margin: 0px; font-size: var(--nav-link-m-font-size); }
}
.block-header-item[data-v-f7e431f3] { user-select: none; }
.block-header-logo[data-v-2fe39434] { display: flex; width: var(--v6f401cb2); height: var(--v5ef47fbb); cursor: pointer; }
.block-header-logo__image[data-v-2fe39434] { width: 100%; height: 100%; vertical-align: middle; object-fit: contain; }
@media screen and (max-width: 920px){.block-header-logo[data-v-2fe39434] { width: var(--v66b767ed); height: var(--v56669be0); }
}
.block-header-layout-desktop[data-v-c1535ecd] { z-index: 18; justify-self: center; align-items: center; width: 100%; max-width: 1224px; padding: var(--padding, 24px 0); display: grid; }
.block-header-layout-desktop--desktop-1[data-v-c1535ecd] { grid-auto-flow: column; grid-template-columns: var(--v5c616aa5); }
.block-header-layout-desktop--desktop-1[data-v-c1535ecd] .block-header__logo { margin-right: 16px; }
.block-header-layout-desktop--desktop-1[data-v-c1535ecd] .block-header__nav-links { justify-content: flex-end; }
.block-header-layout-desktop--desktop-1[data-v-c1535ecd] .block-header__button, .block-header-layout-desktop--desktop-1[data-v-c1535ecd] .block-header__cart, .block-header-layout-desktop--desktop-1[data-v-c1535ecd] .block-header__social-icons, .block-header-layout-desktop--desktop-1[data-v-c1535ecd] .block-header__language-switcher { margin-left: var(--element-spacing); }
.block-header-layout-mobile[data-v-c1535ecd], .zyro-mb-preview .block-header-layout-desktop[data-v-c1535ecd] { display: none; }
@media screen and (max-width: 920px){.block-header-layout-desktop[data-v-c1535ecd] { display: none; }
.block-header-layout-mobile[data-v-c1535ecd] { z-index: 18; display: grid; padding: var(--m-padding, var(--padding)); align-items: center; }
.block-header-layout-mobile__dropdown[data-v-c1535ecd] { visibility: hidden; left: 0px; padding: 0px 16px; position: absolute; display: flex; flex-direction: column; background: var(--background-color); top: 100%; width: 100%; gap: var(--m-element-spacing, var(--element-spacing)); overflow-y: hidden; box-shadow: none; max-height: 0px; transition: max-height 0.3s ease-out 0.1s, padding 0.5s 0.1s, visibility 0.6s; scrollbar-width: none; }
.block-header-layout-mobile__dropdown--link-align-right[data-v-c1535ecd] { align-items: flex-end; }
.block-header-layout-mobile__dropdown--link-align-right[data-v-c1535ecd] .item-content { text-align: end; }
.block-header-layout-mobile__dropdown--link-align-right[data-v-c1535ecd] .item-content-wrapper, .block-header-layout-mobile__dropdown--link-align-right[data-v-c1535ecd] .language-switcher__button { justify-content: flex-end; }
.block-header-layout-mobile[data-v-c1535ecd] .block-header__hamburger-menu { grid-area: hamburger-menu; }
.block-header-layout-mobile[data-v-c1535ecd] .block-header__logo { grid-area: logo; }
.block-header-layout-mobile[data-v-c1535ecd] .block-header__nav-links { flex-direction: column; gap: var(--m-link-spacing, var(--link-spacing)); list-style: none; text-align: end; }
.block-header-layout-mobile[data-v-c1535ecd] .block-header__button { flex: 0 0 auto; }
.block-header-layout-mobile--mobile-1[data-v-c1535ecd] { grid-template-columns: auto minmax(0px, max-content) max-content; grid-template-areas: "logo cart hamburger-menu"; }
.block-header-layout-mobile--mobile-1[data-v-c1535ecd] .block-header__hamburger-menu { margin-left: var(--m-element-spacing, var(--element-spacing)); }
}
@keyframes show-overflow-c1535ecd { 
  100% { overflow-y: auto; }
}
.block-header[data-v-06cc56f8] { display: grid; transition: box-shadow 0.15s linear; position: relative; z-index: 18; }
.block-header__nav-links[data-v-06cc56f8] { display: flex; list-style: none; flex-flow: wrap; justify-content: flex-start; column-gap: var(--link-spacing); row-gap: 16px; }
@media screen and (max-width: 920px){.block-header[data-v-06cc56f8] { padding: 0px 16px; }
}
.block-header-provider-builder[data-v-d7ae826b] { position: relative; height: 100%; }
.block-sticky-bar-layout[data-v-a7ad1e09] { display: flex; position: relative; justify-content: flex-start; align-items: center; max-width: var(--fdc2b41c); min-height: var(--block-min-height); width: 100%; margin: 0px auto; padding: var(--block-padding); }
.block-sticky-bar-layout[data-v-a7ad1e09] .text-box, .block-sticky-bar-layout[data-v-a7ad1e09] .text-editor { max-height: calc(var(--v5f463c26) * 1px); overflow: hidden; }
@media screen and (max-width: 920px){.block-sticky-bar-layout[data-v-a7ad1e09] { max-width: var(--v508bbe34); min-height: var(--m-block-min-height); padding: var(--m-block-padding); }
}
@media screen and (min-width: 361px) and (max-width: 920px){.block-sticky-bar-layout[data-v-a7ad1e09] { min-height: var(--t-block-min-height); padding: var(--v4598627a); }
}
.block-sticky-bar-text[data-v-873b38a0] { position: relative; cursor: pointer; height: 100%; width: 100%; text-align: center; }
.block-sticky-bar-text--is-preview-mode[data-v-873b38a0] { cursor: default; pointer-events: all; }
.block-sticky-bar[data-v-ff61cce0] { z-index: 14; position: relative; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; max-height: calc(var(--v7fcc80d6) * 1px); }
.block-sticky-bar__background[data-v-ff61cce0] { z-index: -1; height: 100%; }
.cart-drawer[data-v-e16c1db3] { z-index: 9998; }
@keyframes loading-e16c1db3 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.sticky-trigger { position: relative; top: 0px; z-index: -1; height: 1px; margin-bottom: -1px; pointer-events: none; }
.top-blocks--sticky[data-v-d6f34a9d] { position: sticky; z-index: 18; top: 0px; }
.preview[data-v-d6f34a9d] { position: relative; overflow: visible; min-height: calc(100vh - var(--header-height-editor, 50px)); }
.preview--no-min-height[data-v-d6f34a9d] { min-height: auto; }
@media screen and (max-width: 920px){.preview[data-v-d6f34a9d] { padding-bottom: 50px; }
}
.preview__content[data-v-d6f34a9d] { position: relative; z-index: 0; display: flex; flex-direction: column; margin-bottom: 56px; user-select: none; }
.preview__content--is-preview-mode[data-v-d6f34a9d] { margin-bottom: 0px; }
.preview__content[data-v-d6f34a9d] { background: var(--h-bg-neutral-default); }
:root { --color-meteorite-dark: #2f1c6a; --color-meteorite-dark-2: #1F1346; --color-meteorite: #8c85ff; --color-meteorite-light: #d5dfff; --color-primary-dark: #5025d1; --color-primary: #673de6; --color-primary-light: #ebe4ff; --color-primary-charts: #B39EF3; --color-danger-dark: #d63163; --color-danger: #fc5185; --color-danger-light: #ffe8ef; --color-danger-charts: #FEA8C2; --color-warning-dark: #fea419; --color-warning-dark-2: #9F6000; --color-warning-charts: #FFD28C; --color-warning: #ffcd35; --color-warning-light: #fff8e2; --color-success-dark: #008361; --color-success: #00b090; --color-success-light: #def4f0; --color-dark: #1d1e20; --color-black: #18181a; --color-gray-dark: #36344d; --color-gray: #727586; --color-gray-border: #dadce0; --color-gray-light: #f2f3f6; --color-light: #fff; --color-azure: #357df9; --color-azure-light: #e3ebf9; --color-azure-dark: #265ab2; --color-indigo: #6366F1; --color-neutral-200: #D8DAE0; }
@keyframes scale-219900fe { 
  0% { scale: 0.3; }
  80% { scale: 1.1; }
  100% { scale: 1; }
}
.app[data-v-931b22d0] { height: 100%; }
@container chatbot-layout (width <= 480px) {
  .chatbot__layout > * { --font-size-body-1: 15px; --line-height-body-1: 22px; --font-size-body-1-bold: 15px; --line-height-body-1-bold: 22px; --font-size-body-1-medium: 15px; --line-height-body-1-medium: 22px; --font-size-body-2: 13px; --line-height-body-2: 18px; --font-size-body-2-bold: 13px; --line-height-body-2-bold: 18px; --font-size-body-2-medium: 13px; --line-height-body-2-medium: 18px; --font-size-body-3: 11px; --line-height-body-3: 15px; --font-size-body-3-bold: 11px; --line-height-body-3-bold: 15px; --font-size-body-3-medium: 11px; --line-height-body-3-medium: 15px; --font-size-heading-1: 21px; --line-height-heading-1: 28px; --font-size-heading-1-medium: 21px; --line-height-heading-1-medium: 28px; --font-size-heading-1-regular: 21px; --line-height-heading-1-regular: 28px; --font-size-heading-2: 18px; --line-height-heading-2: 24px; --font-size-heading-2-medium: 18px; --line-height-heading-2-medium: 24px; --font-size-heading-2-regular: 18px; --line-height-heading-2-regular: 24px; --font-size-heading-3: 16px; --line-height-heading-3: 22px; --font-size-heading-3-medium: 16px; --line-height-heading-3-medium: 22px; --font-size-heading-3-regular: 16px; --line-height-heading-3-regular: 22px; --font-size-caption: 11px; --line-height-caption: 11px; --font-size-overline: 11px; --line-height-overline: 15px; }
}
@property --chatbot-scrollbar-thumb { syntax: "<color>"; inherits: false; initial-value: #0000; }
:where(.chatbot, .chatbot *, .chatbot-portal, .chatbot-portal *, .sales-chatbot-widget, .sales-chatbot-widget *):hover, :where(.chatbot, .chatbot *, .chatbot-portal, .chatbot-portal *, .sales-chatbot-widget, .sales-chatbot-widget *):focus-within, :where(.chatbot, .chatbot *, .chatbot-portal, .chatbot-portal *, .sales-chatbot-widget, .sales-chatbot-widget *).is-scrolling { --chatbot-scrollbar-thumb: var(--h-scrollbar-thumb); }
@property --gradient-angle { syntax: "<angle>"; inherits: false; initial-value: 90deg; }
@keyframes rotate-gradient-25b9c511 { 
  0% { --gradient-angle: 90deg; }
  100% { --gradient-angle: 450deg; }
}
.chatbot-btn[data-v-25b9c511]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: 2px; }
.file-preview__open[data-v-d0e89dc1]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: -2px; }
@keyframes typing-dots-bounce-be2d5a57 { 
  0%, 60%, 100% { transform: translateY(0px); }
  30% { transform: translateY(-5px); }
}
.quiz-visual__option[data-v-4cd3b40e]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: 2px; }
@keyframes rotate-bbad5c08 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes chat-message-bubble-send-in-0bf440db { 
  0% { opacity: 0; transform: translateY(var(--h-spacing-xl)) scale(.94); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes shimmer-833fb5ed { 
  0% { background-position: 100% 0px; }
  100% { background-position: -100% 0px; }
}
@keyframes thinking-dots-833fb5ed { 
  0% { content: "."; }
  33% { content: ".."; }
  66% { content: "..."; }
  100% { content: "."; }
}
@keyframes spin-e311bcda { 
  100% { transform: rotate(360deg); }
}
.message-suggestions__chip[data-v-9ac60fe2]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: 2px; }
.rate-btn[data-v-92f90b3f]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: 2px; }
.star-rating-btn[data-v-68fe818f]:hover:not(:disabled) { transform: scale(1.2); }
@keyframes fadeInUp-32eb8311 { 
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.float-btn[data-v-8c3901f7]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: 2px; }
.widget-nav-items__item[data-v-0246f151]:focus-visible { outline: var(--h-spacing-4xs) solid var(--h-stroke-brand); outline-offset: calc(var(--h-spacing-4xs) * -1); }
.conversation-rail-row[data-v-44b9ee0f]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: -2px; }
.conversation-rail__resizer[data-v-b455f1e0]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: -1px; }
@keyframes file-drawer-spin-0b5c437b { 
  100% { transform: rotate(360deg); }
}
.history-row[data-v-f3bbcb70]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: 2px; }
.credit-balance[data-v-292bb48c]:focus-visible { outline: var(--h-spacing-4xs) solid var(--h-stroke-brand); outline-offset: calc(var(--h-spacing-4xs) * -1); }
.skill-list__option[data-v-73b58f43]:focus-visible { outline: var(--h-spacing-4xs) solid var(--h-stroke-brand); outline-offset: var(--h-spacing-4xs); }
@keyframes rotate-gradient-e558969c { 
  0% { --gradient-angle: 90deg; }
  100% { --gradient-angle: 450deg; }
}
.experts__card[data-v-381e6ce3]:focus-visible { border-color: var(--agent-dot); outline: var(--h-spacing-4xs) solid var(--agent-dot); outline-offset: calc(var(--h-spacing-3xs) * -1); }
.skills-page__chip[data-v-65576389]:focus-visible { outline: var(--h-spacing-4xs) solid var(--h-stroke-brand); outline-offset: calc(var(--h-spacing-4xs) * -1); }
.widget-dialog[data-v-71d42309]:focus-visible { outline: none; }
.personalized-suggestion-item .personalized-suggestion-item__btn[data-v-41816817]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: -2px; }
.suggestion-item .suggestion-item__btn[data-v-d804b9c2]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: -2px; }
@keyframes rotate-gradient-dafda93f { 
  0% { --gradient-angle: 90deg; }
  100% { --gradient-angle: 450deg; }
}
.float-btn[data-v-dfcd8f07]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: 2px; }
.float-btn[data-v-c2042afb]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: 2px; }
.sales-float-btn[data-v-632eda75]:focus-visible { outline: 2px solid var(--h-stroke-focus); outline-offset: 4px; }
@keyframes sales-float-glow-spin-632eda75 { 
  100% { transform: rotate(360deg); }
}
@keyframes sales-flow-category-in-62a6ede4 { 
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sales-flow-options-in-5b4f3072 { 
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sales-toast-in-55ed4188 { 
  0% { opacity: 0; transform: translateY(10px) scale(0.96); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes sales-toast-out-55ed4188 { 
  0% { opacity: 1; transform: translateY(0px); }
  100% { opacity: 0; transform: translateY(6px); }
}
@keyframes sales-modal-in-e356eec5 { 
  0% { opacity: 0; transform: translateY(8px) scale(0.97); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }
}
@keyframes sales-action-in-cf3f14e5 { 
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sales-action-in-77cb802f { 
  0% { opacity: 0; transform: scale(0.95); }
  100% { opacity: 1; transform: scale(1); }
}
@keyframes sales-anim-in-939eee19 { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes app-recommendation-in-6c5d7f31 { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.app-recommendation__alt[data-v-6c5d7f31]:hover:not(:disabled) { border-color: var(--kodee-stroke-brand-hover); box-shadow: var(--kodee-alt-hover-shadow); transform: translateY(-1px); }
.app-recommendation__alt:hover:not(:disabled) .app-recommendation__alt-arrow[data-v-6c5d7f31] { transform: translate(2px); }
@keyframes plan-pitch-in-be5e8af1 { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.range-slider__input[data-v-3157db72]:focus-visible::-webkit-slider-thumb { box-shadow: 0 0 0 4px var(--h-color-primary-100); }
@keyframes plan-tiers-in-0a470a19 { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes dp-in-0795abf0 { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.sales-message-item:hover .sales-message-item__meta[data-v-9e36f16d], .sales-message-item:focus-within .sales-message-item__meta[data-v-9e36f16d], .sales-message-item--meta-pinned .sales-message-item__meta[data-v-9e36f16d], .sales-message-item[data-v-9e36f16d]:hover .sales-message-feedback__row, .sales-message-item[data-v-9e36f16d]:focus-within .sales-message-feedback__row, .sales-message-item--meta-pinned[data-v-9e36f16d] .sales-message-feedback__row { opacity: 1; }
@keyframes sales-typing-pulse-396440da { 
  0%, 80%, 100% { opacity: 0.3; transform: scale(0.9); }
  40% { opacity: 1; transform: scale(1); }
}
@keyframes sales-message-in-6c9a4c07 { 
  0% { opacity: 0; transform: translateY(8px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.file-grid__card[data-v-d1c22713]:hover, .file-grid__card[data-v-d1c22713]:focus-within { border-color: var(--h-stroke-default); background: var(--h-bg-neutral-surface); }
@keyframes files-spin-81c6eafb { 
  100% { transform: rotate(360deg); }
}
.job-row__main[data-v-d7c53960]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: -2px; }
.job-row[data-v-d7c53960]:hover .job-actions__buttons, .job-row[data-v-d7c53960]:focus-within .job-actions__buttons { opacity: 1; }
.job-run-row__main[data-v-b758186a]:focus-visible { outline: 2px solid var(--h-stroke-brand); outline-offset: -2px; }
@keyframes go2264125279 { 
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  100% { transform: scale(1) rotate(45deg); opacity: 1; }
}
@keyframes go3020080000 { 
  0% { transform: scale(0); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes go463499852 { 
  0% { transform: scale(0) rotate(90deg); opacity: 0; }
  100% { transform: scale(1) rotate(90deg); opacity: 1; }
}
@keyframes go1268368563 { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
@keyframes go1310225428 { 
  0% { transform: scale(0) rotate(45deg); opacity: 0; }
  100% { transform: scale(1) rotate(45deg); opacity: 1; }
}
@keyframes go651618207 { 
  0% { height: 0px; width: 0px; opacity: 0; }
  40% { height: 0px; width: 6px; opacity: 1; }
  100% { opacity: 1; height: 10px; }
}
@keyframes go901347462 { 
  0% { transform: scale(0.6); opacity: 0.4; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes slideInFromLeft { 
  0% { transform: translateX(100%); opacity: 0; }
  100% { transform: translateX(-4%); opacity: 1; }
}
@keyframes fontbulger { 
  0% { font-size: 10px; }
  30% { font-size: 15px; }
  100% { font-size: 12px; }
}
@keyframes shimmer { 
  0% { background-position: left top; }
  100% { background-position: right top; }
}
@keyframes example { 
  0% { transform: translateY(0px); }
  100% { transform: translateY(-30px); }
}
@keyframes onEntry { 
  0% { opacity: 0.3; }
  100% { opacity: 1; }
}
@keyframes onSelect { 
  0% { transform: translate3d(0px, 0px, 0px); }
  50% { transform: translate3d(0px, 0px, -0.5px); }
  100% { transform: translate3d(0px, 0px, 0px); }
}
@keyframes ScaleEntry { 
  0% { transform: scale(0.8); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@keyframes onEntry { 
  0% { opacity: 0.3; }
  100% { opacity: 1; }
}
@keyframes tagExit { 
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.8); opacity: 0; }
}
@keyframes scaleIn { 
  0% { transform: scale(0.06); }
  100% { transform: scale(1); }
}
@keyframes growFromBottom { 
  0% { transform: scale(1, 0.3); }
  100% { transform: scale(1, 1); }
}
@keyframes rcDialogZoomIn { 
  0% { opacity: 0; transform: scale(0, 0); }
  100% { opacity: 1; transform: scale(1, 1); }
}
@keyframes rcDialogZoomOut { 
  0% { transform: scale(1, 1); }
  100% { opacity: 0; transform: scale(0, 0); }
}
@keyframes rcDialogFadeIn { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@keyframes rcDialogFadeOut { 
  0% { opacity: 1; }
  100% { opacity: 0; }
}
.site-preview-scroller[data-v-5b30c067] { height: 100%; overflow-y: auto; flex-grow: 1; }
.site-preview[data-v-c601d670] { height: calc(100% - var(--header-height-editor, 50px)); }
/* --- export statique : neutralise le conteneur de preview du builder --- */
html,body{margin:0;padding:0;}
body{overflow-x:hidden;}
.site-preview-scroller{position:static!important;height:auto!important;max-height:none!important;overflow:visible!important;width:100%!important;}
.mobile-frame{width:100%!important;max-width:none!important;height:auto!important;border:0!important;box-shadow:none!important;overflow:visible!important;}
.preview,.builder-preview{width:100%!important;}
/* --- export statique : neutralise les animations d'apparition pilotees par JS --- */
.transition, [data-animation-role]{opacity:1!important;transform:none!important;}
.transition--slide, .transition--fade{opacity:1!important;transform:none!important;}
/* video YouTube integree en iframe (le lecteur du builder etait pilote par JS) */
.video--static{position:relative;width:100%;padding-top:56.25%;}
.video--static iframe{position:absolute;inset:0;width:100%;height:100%;border:0;}