@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(manrope-0.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(manrope-1.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(manrope-2.ttf) format('truetype');
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(manrope-3.ttf) format('truetype');
}

:root{--grid-button-primary-font-weight:500;--nav-link-m-font-size:14px;--nav-link-line-height:1.4;--h2-line-height:1.25;--grid-button-primary-border-radius:0px;--builder-stroke-info:#4c78ff;--danger--600:#d63163;--font-size-mono-2-medium:14px;--body-small-letter-spacing:0;--font-weight-mono-3-medium:500;--h2-letter-spacing:0;--letter-spacing-mono-1-medium:0;--neutral--700:#161718;--h3-font-family:'Manrope', sans-serif;--grid-button-primary-text-decoration:none;--h4-font-family:'Manrope', sans-serif;--font-size-mono-3-medium:12px;--grid-button-primary-box-shadow-x:0px;--body-font-family:'Manrope', sans-serif;--grid-button-primary-m-padding-y:12px;--nav-link-text-decoration:none;--body-small-line-height:1.5;--h2-font-size:38px;--h4-font-weight:400;--neon--500:#cf0;--h4-letter-spacing:0;--grid-button-primary-transition-duration:0.2s;--grid-button-primary-padding-y:14px;--grid-button-primary-font-family:'Manrope', sans-serif;--neon--600:#bded00;--h4-font-size:18px;--h4-line-height:1.4;--h2-m-font-size:28px;--h1-text-decoration:none;--h3-text-transform:none;--h3-m-font-size:22px;--line-height-input:24px;--body-small-text-decoration:none;--h3-letter-spacing:0;--grid-button-primary-line-height:1.3;--font-size-input:14px;--grid-button-primary-m-padding-x:22px;--body-small-m-font-size:13px;--neutral--0:#fff;--grid-button-primary-box-shadow-y:4px;--neutral--300:#6d7081;--nav-link-font-size:14px;--body-text-transform:none;--grid-button-primary-transition-timing-function:ease;--line-height-mono-1-medium:24px;--grid-button-primary-text-transform:none;--body-small-font-size:13px;--h3-font-size:28px;--danger--100:#ffe8ef;--h1-m-font-size:36px;--grid-button-primary-box-shadow-color:rgba(0, 0, 0, 0.12);--h3-font-weight:400;--h4-font-style:normal;--h4-m-font-size:17px;--h1-font-style:normal;--line-height-mono-3-medium:16px;--letter-spacing-mono-2-medium:0;--h4-text-decoration:none;--body-line-height:1.75;--h1-font-family:'Manrope', sans-serif;--h3-font-style:normal;--h3-text-decoration:none;--body-font-size:16px;--body-font-weight:400;--nav-link-font-weight:400;--font-weight-input:399;--h2-font-family:'Manrope', sans-serif;--grid-button-primary-padding-x:26px;--nav-link-letter-spacing:0;--h1-line-height:1.2;--nav-link-text-transform:none;--h2-text-decoration:none;--h1-letter-spacing:0;--font-weight-mono-1-medium:500;--letter-spacing-input:0;--h2-font-style:normal;--grid-button-primary-box-shadow-spread:0px;--neutral--100:#f2f3f6;--h1-text-transform:none;--grid-button-primary-box-shadow-blur:16px;--body-small-font-style:normal;--font-size-mono-1-medium:16px;--h4-text-transform:none;--nav-link-font-style:normal;--line-height-mono-2-medium:20px;--neutral--200:#d8dae0;--h3-line-height:1.3;--body-small-font-family:'Manrope', sans-serif;--body-m-font-size:16px;--grid-button-primary-font-style:normal;--body-text-decoration:none;--body-font-style:normal;--grid-button-primary-m-font-size:14px;--h1-font-weight:400;--h2-text-transform:none;--grid-button-primary-background-color:rgb(255, 194, 15);--font-weight-mono-2-medium:500;--nav-link-font-family:'Manrope', sans-serif;--grid-button-primary-letter-spacing:normal;--body-small-text-transform:none;--h1-font-size:52px;--grid-button-primary-font-size:14px;--body-letter-spacing:0;--h2-font-weight:400;--body-small-font-weight:400;--letter-spacing-mono-3-medium:0;}
.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-strongest: var(--h-color-primary-950); --h-bg-neutral-shell: var(--h-color-neutral-900); --h-bg-neutral-container: var(--h-color-neutral-150); --h-bg-neutral-container-hover: var(--h-color-light-a75); --h-bg-neutral-container-selected: 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-neutral-inverse-surface: var(--h-color-light-a10); --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-subtlest-tint: 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-500); --h-stroke-brand-halo: color-mix(in srgb, var(--h-color-primary-500) 28%, transparent); --h-stroke-danger-halo: color-mix(in srgb, var(--h-color-danger-500) 28%, transparent); --h-stroke-warning-halo: color-mix(in srgb, var(--h-color-warning-500) 28%, transparent); --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); --h-chart-series-1: var(--h-color-chart-1); --h-chart-series-2: var(--h-color-chart-2); --h-chart-series-3: var(--h-color-chart-3); --h-chart-series-4: var(--h-color-chart-4); --h-chart-series-5: var(--h-color-chart-5); --h-chart-series-6: var(--h-color-chart-6); --h-chart-series-other: var(--h-color-chart-other); --h-chart-grid: var(--h-stroke-default); --h-chart-axis: var(--h-bg-neutral-surface-secondary); --h-chart-loading-opacity: .6; }
.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-surface: var(--h-bg-neutral-default); --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-default); --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-status-contain-progress-bg: var(--h-bg-brand-tint-default); --h-status-contain-progress-color: var(--h-fg-brand-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-selection-control-size: 20px; --h-selection-control-hit-area: 24px; --h-selection-control-line-height: 20px; --h-selection-control-border-width: 1.5px; --h-selection-control-duration: var(--h-duration-md); --h-selection-control-duration-fast: var(--h-duration-xs); --h-selection-control-easing: var(--h-easing-out); --h-selection-control-easing-emphasized: var(--h-easing-out-back); --h-selection-control-motion-draw: var(--h-motion-draw); --h-selection-control-delay-draw: var(--h-duration-xs); --h-selection-control-mark-width: 2.4; --h-selection-control-focus: var(--h-stroke-brand); --h-selection-control-focus-width: 2px; --h-selection-control-focus-offset: 2px; --h-selection-control-primary-border: var(--h-fg-brand-default); --h-selection-control-primary-border-hover: var(--h-fg-brand-hover); --h-selection-control-primary-bg: var(--h-fg-brand-default); --h-selection-control-primary-bg-hover: var(--h-fg-brand-hover); --h-selection-control-primary-mark: var(--h-bg-neutral-default); --h-selection-control-primary-tint: var(--h-bg-brand-tint-hover); --h-selection-control-danger-border: var(--h-fg-danger-default); --h-selection-control-danger-border-hover: var(--h-fg-danger-hover); --h-selection-control-danger-bg: var(--h-fg-danger-default); --h-selection-control-danger-bg-hover: var(--h-fg-danger-hover); --h-selection-control-danger-mark: var(--h-bg-neutral-default); --h-selection-control-danger-tint: var(--h-bg-danger-tint-hover); --h-selection-control-neutral-border: var(--h-fg-neutral-default); --h-selection-control-neutral-border-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-bg: var(--h-fg-neutral-default); --h-selection-control-neutral-bg-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-mark: var(--h-fg-neutral-inverse-default); --h-selection-control-neutral-tint: var(--h-bg-neutral-surface); --h-selection-control-checkbox-border: var(--h-stroke-neutral-mid); --h-selection-control-radio-border: var(--h-stroke-neutral-mid); --h-selection-control-disabled-border: var(--h-stroke-default); --h-selection-control-disabled-bg: var(--h-bg-neutral-disabled); --h-selection-control-disabled-mark: var(--h-fg-neutral-disabled); --h-selection-control-error-border: var(--h-stroke-danger); --h-selection-control-error-text: var(--h-fg-danger-default); --h-selection-control-error-tint: var(--h-bg-danger-tint-hover); --h-selection-control-label: var(--h-fg-neutral-default); --h-selection-control-label-disabled: var(--h-fg-neutral-disabled); --h-selection-control-description: var(--h-fg-neutral-secondary); --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-bg-brand-tint-default); --h-circle-loader-color-neutral: var(--h-fg-neutral-default); --h-circle-loader-border-color-neutral: var(--h-bg-neutral-surface-secondary); --h-circle-loader-color-danger: var(--h-fg-danger-default); --h-circle-loader-border-color-danger: var(--h-bg-danger-tint-default); --h-circle-loader-color-warning: var(--h-fg-warning-default); --h-circle-loader-border-color-warning: var(--h-bg-warning-tint-default); --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-color-neutral-0); --h-circle-loader-border-color-light: var(--h-color-light-a25); --h-circle-loader-color-inverse: var(--h-fg-neutral-inverse-default); --h-circle-loader-border-color-inverse: color-mix(in srgb, var(--h-fg-neutral-inverse-default) 25%, transparent); --h-circle-loader-size-xsmall: 16px; --h-circle-loader-size-small: 24px; --h-circle-loader-size-medium: 32px; --h-circle-loader-size-large: 72px; --h-circle-loader-border-size-xsmall: 2px; --h-circle-loader-border-size-small: 2.5px; --h-circle-loader-border-size-medium: 3px; --h-circle-loader-border-size-large: 7px; --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-container); --h-tabs-indicator-bg: var(--h-fg-brand-default); --h-tabs-color-active: var(--h-fg-brand-default); --h-tabs-color-active-hover: var(--h-fg-brand-hover); --h-tabs-color: var(--h-fg-neutral-secondary); --h-tabs-color-hover: var(--h-fg-neutral-default); --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-hover-inset-color: var(--h-stroke-subtle); --h-border-background-color: var(--h-bg-neutral-default); --h-border-focus-color: var(--h-stroke-brand); --h-border-focus-halo-color: var(--h-stroke-brand-halo); --h-border-error-color: var(--h-stroke-danger); --h-border-error-halo-color: var(--h-stroke-danger-halo); --h-border-warning-color: var(--h-stroke-warning); --h-border-warning-halo-color: var(--h-stroke-warning-halo); --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-hover: var(--h-bg-brand-hover); --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-slider-knob: var(--h-color-neutral-0); --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-secondary); --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-secondary); --h-date-input-day-offset-color: var(--h-fg-neutral-secondary); --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: var(--h-bg-neutral-hover); --h-date-input-focus-ring: var(--h-fg-brand-secondary); --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-150: #e9e9ec; --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-color-chart-1: #6f5cf2; --h-color-chart-2: #10a594; --h-color-chart-3: #3a8ee6; --h-color-chart-4: #7d9800; --h-color-chart-5: #d9488f; --h-color-chart-6: #e3622a; --h-color-chart-other: #8e8e96; --h-color-ai-pink: #e536db; --h-gradient-ai: linear-gradient(-45deg, var(--h-color-ai-pink), 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-color-periwinkle-50: #fafbff; --h-color-periwinkle-100: #f4f5ff; --h-color-periwinkle-200: #d5dfff; --h-color-periwinkle-300: #c3cce9; --h-color-periwinkle-400: #b0b9d4; --h-color-periwinkle-500: #888faa; --h-color-periwinkle-600: #454b6d; --h-color-periwinkle-700: #2f3451; --h-color-periwinkle-800: #1e2132; --h-color-citrine-50: #f6fe9e; --h-color-citrine-100: #e9f46a; --h-color-citrine-200: #dae86d; --h-color-citrine-300: #cdd06a; --h-color-citrine-400: #aeb24f; --h-color-citrine-500: #8d9232; --h-color-citrine-600: #6e7414; --h-color-citrine-700: #464c00; --h-color-citrine-800: #303301; --h-color-citrine-a0: #f6fe9e00; --h-color-citrine-a2: #f6fe9e05; --h-color-citrine-a5: #f6fe9e0d; --h-color-citrine-a10: #f6fe9e1a; --h-color-citrine-a15: #f6fe9e26; --h-color-citrine-a20: #f6fe9e33; --h-color-citrine-a25: #f6fe9e40; --h-color-citrine-a50: #f6fe9e80; --h-color-citrine-a75: #f6fe9ebf; --h-color-citrine-a80: #f6fe9ecc; --h-color-citrine-a90: #f6fe9ee6; --h-color-periwinkle-a0: #2f345100; --h-color-periwinkle-a2: #2f345105; --h-color-periwinkle-a5: #2f34510d; --h-color-periwinkle-a10: #2f34511a; --h-color-periwinkle-a15: #2f345126; --h-color-periwinkle-a20: #2f345133; --h-color-periwinkle-a25: #2f345140; --h-color-periwinkle-a50: #2f345180; --h-color-periwinkle-a75: #2f3451bf; --h-color-periwinkle-a80: #2f3451cc; --h-color-periwinkle-a90: #2f3451e6; --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-alt: 6px; --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; --h-blur-2xs: 2px; --h-blur-xs: 4px; --h-blur-sm: 8px; --h-blur-md: 12px; --h-blur-lg: 16px; --h-blur-xl: 24px; --h-glow-blur-sm: var(--h-blur-sm); --h-glow-blur-md: var(--h-blur-md); --h-backdrop-blur-sm: var(--h-blur-sm); --h-backdrop-blur-lg: var(--h-blur-lg); --h-duration-none: 0s; --h-duration-2xs: 50ms; --h-duration-xs: .1s; --h-duration-sm: .15s; --h-duration-md: .2s; --h-duration-lg: .25s; --h-duration-xl: .3s; --h-duration-2xl: .4s; --h-duration-3xl: .5s; --h-duration-4xl: .7s; --h-duration-spring: .48s; --h-duration-loop-sm: 1s; --h-duration-loop-md: 1.25s; --h-duration-loop-lg: 1.6s; --h-easing-linear: linear; --h-easing-ease: ease; --h-easing-out: cubic-bezier(.2, .8, .2, 1); --h-easing-in-out: cubic-bezier(.4, 0, .2, 1); --h-easing-out-back: cubic-bezier(.34, 1.45, .64, 1); --h-easing-spring: linear(0, .031, .109, .212, .324, .438, .544, .64, .723, .794, .852, .898, .934, .961, .981, .995, 1.005, 1.011, 1.014, 1.015, 1.015, 1.014, 1.013, 1.011, 1.009, 1.008, 1.006, 1.005, 1.004, 1.003, 1.002, 1.001, 1); --h-motion-press: var(--h-duration-xs) var(--h-easing-out); --h-motion-hover: var(--h-duration-sm) var(--h-easing-ease); --h-motion-state: var(--h-duration-md) var(--h-easing-out); --h-motion-state-emphasized: var(--h-duration-md) var(--h-easing-out-back); --h-motion-draw: var(--h-duration-md) var(--h-easing-linear); --h-motion-enter-sm: var(--h-duration-sm) var(--h-easing-out); --h-motion-exit-sm: var(--h-duration-xs) var(--h-easing-out); --h-motion-enter-lg: var(--h-duration-xl) var(--h-easing-out); --h-motion-exit-lg: var(--h-duration-md) var(--h-easing-out); --h-motion-move: var(--h-duration-lg) var(--h-easing-in-out); --h-motion-expand: var(--h-duration-lg) var(--h-easing-out); --h-motion-spring: var(--h-duration-spring) var(--h-easing-spring); --h-motion-stagger: 30ms; --h-motion-stagger-max: var(--h-duration-2xl); --h-motion-spin: var(--h-duration-loop-sm) var(--h-easing-linear); --h-motion-pulse: var(--h-duration-loop-md) var(--h-easing-in-out); --h-motion-shimmer: var(--h-duration-loop-lg) var(--h-easing-linear); --h-motion-offset-sm: 4px; --h-motion-offset-md: 8px; --h-motion-offset-lg: 16px; --h-motion-scale-enter: .96; --h-motion-scale-enter-sm: .8; --h-motion-scale-press: .95; --h-motion-blur-sm: var(--h-blur-2xs); --h-motion-blur-md: var(--h-blur-xs); }
@media (prefers-reduced-motion: reduce) {:root { --h-easing-out-back: var(--h-easing-out); --h-easing-spring: var(--h-easing-out); --h-motion-offset-sm: 0px; --h-motion-offset-md: 0px; --h-motion-offset-lg: 0px; --h-motion-scale-enter: 1; --h-motion-scale-enter-sm: 1; --h-motion-blur-sm: 0px; --h-motion-blur-md: 0px; }}
:root { --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; }
: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; }
*, ::before, ::after { box-sizing: border-box; }
* { padding: 0px; margin: 0px; color: inherit; }
html { 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; }
iframe { border-width: 0px; }
.transition.transition--fade:not(.transition--root-hidden) { opacity: 0; transition-property: opacity; }
.transition.transition--fade:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; }
.transition.transition--slide:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(20%); }
.transition.transition--slide:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px); }
.transition.transition--scale:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: scale(0.9); }
.transition.transition--scale:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: scale(1); }
.transition.transition--slide-left:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translate(-8%); }
.transition.transition--slide-right:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translate(8%); }
.transition.transition--blur:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity, filter; transform: translateY(6%); filter: blur(12px); }
.transition.transition--blur:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px); filter: blur(0px); }
.transition.transition--blur.transition--root-hidden [data-animation-role="block-element"], .transition.transition--blur.transition--root-hidden [data-animation-role="image"] { opacity: 0; transition-property: transform, opacity, filter; transform: translateY(6%); filter: blur(12px); }
.transition.transition--blur.transition--root-hidden [data-animation-role="image"][data-animation-state="active"].loaded, .transition.transition--blur.transition--root-hidden [data-animation-role="block-element"][data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px); filter: blur(0px); }
.transition.transition--rise:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(32%) scale(0.98); }
.transition.transition--rise:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px) scale(1); }
.hover--lift, .hover--grow, .hover--glow { transition: translate 0.4s cubic-bezier(0.16, 1, 0.3, 1), scale 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {.hover--lift, .hover--grow, .hover--glow, .hover--border { transition: none; }}
body, .mode-light, .mode-dark { color: var(--h-fg-neutral-default); }
button { background-color: var(--h-bg-neutral-default); }
.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; }
.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); }}
.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; }
.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); }
@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] { 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)); }}
.image[data-v-8ca41215] { overflow: var(--overflow, hidden); border-radius: var(--v7007e7a5); mask-image: var(--v76f5f733); mask-size: 100% 100%; position: relative; }
.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--hover-zoom .image__image[data-v-8ca41215]:not(.image__image--cropped) { transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {.image--hover-zoom .image__image[data-v-8ca41215]:not(.image__image--cropped), .image--hover-zoom:hover .image__image[data-v-8ca41215]:not(.image__image--cropped) { transition: none; transform: none; }}
.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%; }
.image__image--cropped[data-v-8ca41215] { position: absolute; top: var(--desktop-top); left: var(--desktop-left); width: var(--desktop-width); height: var(--desktop-height); transform: scale(var(--desktop-scale)); transform-origin: 0px 0px; }
@media screen and (max-width: 920px) {.image[data-v-8ca41215] { border-radius: var(--d66f8f86); }
.image--grid[data-v-8ca41215] { width: 100%; height: 100%; }
.image__image--cropped[data-v-8ca41215] { top: var(--mobile-top); left: var(--mobile-left); width: var(--mobile-width); height: var(--mobile-height); transform: scale(var(--mobile-scale)); }}
@media screen and (max-width: 360px) {.image[data-v-8ca41215] { width: var(--v6dfc834f); max-width: 100%; height: var(--v655f79f4); }}
.image[data-v-70b2a126] { height: 100%; user-select: none; }
.image[data-v-70b2a126] img[src=""] { visibility: hidden; }
.grid-map[data-v-2b17c916] { position: relative; width: 100%; height: 100%; background-color: rgb(242, 243, 246); }
.grid-map__frame[data-v-2b17c916] { width: 100%; height: 100%; }
.grid-map__pin[data-v-2b17c916] { position: absolute; top: 50%; left: 50%; z-index: 2; width: 26px; height: 26px; margin-top: -37px; margin-left: -13px; background-color: rgb(252, 81, 133); border-radius: 50%; }
.grid-map--loading[data-v-2b17c916] { position: relative; overflow: hidden; pointer-events: none; }
.no-pointer-events[data-v-0303fc35] { pointer-events: none; }
.pointer-events-none[data-v-6bafe7d3] { pointer-events: none; }
.text-box h1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); font-style: var(--h1-font-style); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); color: var(--h1-color); text-decoration: var(--h1-text-decoration); text-transform: var(--h1-text-transform); letter-spacing: var(--h1-letter-spacing); }
@media screen and (max-width: 920px) {.text-box h1 { font-family: var(--h1-m-font-family, var(--h1-font-family)); font-size: var(--h1-m-font-size, var(--h1-font-size)); font-style: var(--h1-m-font-style, var(--h1-font-style)); font-weight: var(--h1-m-font-weight, var(--h1-font-weight)); line-height: var(--h1-m-line-height, var(--h1-line-height)); color: var(--h1-m-color, var(--h1-color)); text-decoration: var(--h1-m-text-decoration, var(--h1-text-decoration)); text-transform: var(--h1-m-text-transform, var(--h1-text-transform)); letter-spacing: var(--h1-m-letter-spacing, var(--h1-letter-spacing)); }}
.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 { 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 .body-small { font-family: var(--body-small-font-family); font-size: var(--body-small-font-size); font-style: var(--body-small-font-style); font-weight: var(--body-small-font-weight); line-height: var(--body-small-line-height); color: var(--body-small-color); text-decoration: var(--body-small-text-decoration); text-transform: var(--body-small-text-transform); letter-spacing: var(--body-small-letter-spacing); }
@media screen and (max-width: 920px) {.text-box .body-small { font-family: var(--body-small-m-font-family, var(--body-small-font-family)); font-size: var(--body-small-m-font-size, var(--body-small-font-size)); font-style: var(--body-small-m-font-style, var(--body-small-font-style)); font-weight: var(--body-small-m-font-weight, var(--body-small-font-weight)); line-height: var(--body-small-m-line-height, var(--body-small-line-height)); color: var(--body-small-m-color, var(--body-small-color)); text-decoration: var(--body-small-m-text-decoration, var(--body-small-text-decoration)); text-transform: var(--body-small-m-text-transform, var(--body-small-text-transform)); letter-spacing: var(--body-small-m-letter-spacing, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box h1 { font-size: var(--fontSizeDesktop, var(--h1-font-size)); line-height: var(--lineHeightDesktop, var(--h1-line-height)); }
.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 { font-size: var(--fontSizeDesktop, var(--body-font-size)); line-height: var(--lineHeightDesktop, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeDesktop, var(--body-small-font-size)); line-height: var(--lineHeightDesktop, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box, .text-box .ProseMirror { white-space: var(--white-space-mobile-preview, var(--d294b058)); }
.text-box h1 { font-size: var(--fontSizeMobile, var(--h1-m-font-size)); line-height: var(--lineHeightMobile, var(--h1-line-height)); }
.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 { font-size: var(--fontSizeMobile, var(--body-m-font-size)); line-height: var(--lineHeightMobile, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeMobile, var(--body-small-m-font-size)); line-height: var(--lineHeightMobile, var(--body-small-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); }}
.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%); }}
.grid-card { width: 100%; height: var(--card-height, 100%); background: var(--card-bg, rgb(255, 255, 255)); border: var(--card-border, none); border-radius: var(--card-border-radius, 0); box-shadow: var(--card-box-shadow, none); opacity: var(--card-opacity, 1); box-sizing: border-box; }
@media screen and (max-width: 920px) {.grid-card { height: var(--m-card-height, 100%); }}
@media screen and (min-width: 360px) and (max-width: 920px) {.grid-card { height: var(--t-card-height, 100%); }}
@media screen and (min-width: 920px) and (max-width: 1224px) {.grid-card { height: var(--small-desktop-card-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--GridTextBox { overflow: visible; }
.layout-element[data-v-4f252250]:not(.is-highlighted) .layout-element__component * { pointer-events: none; }
.block-layout-container[data-v-6b232789] { position: relative; z-index: 14; }
.block-layout[data-v-6b232789], .block-layout__element[data-v-6b232789] { position: relative; }
:root { --max-width-description: 600px; }
.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); }
.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__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; }
.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-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-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--full-screen[data-v-c1535ecd] { max-height: initial; height: 0px; transition: height 0.3s ease-out 0.1s, padding 0.5s 0.1s, visibility 0.6s; }
.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--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)); }}
.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-48993e03] { position: relative; height: 100%; }
.cart-drawer[data-v-f37c89ad] { z-index: 9998; }
.sticky-trigger { position: relative; top: 0px; z-index: -1; height: 1px; margin-bottom: -1px; pointer-events: none; }
.top-blocks--sticky[data-v-897f5ab8] { position: sticky; z-index: 18; top: 0px; }
.preview__content[data-v-897f5ab8] { position: relative; z-index: 0; display: flex; flex-direction: column; margin-bottom: 56px; user-select: none; }
.preview__content--is-preview-mode[data-v-897f5ab8] { margin-bottom: 0px; }
.preview__content[data-v-897f5ab8] { 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; }
.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-strongest: var(--h-color-primary-950); --h-bg-neutral-shell: var(--h-color-neutral-900); --h-bg-neutral-container: var(--h-color-neutral-150); --h-bg-neutral-container-hover: var(--h-color-light-a75); --h-bg-neutral-container-selected: 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-neutral-inverse-surface: var(--h-color-light-a10); --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-subtlest-tint: 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-500); --h-stroke-brand-halo: color-mix(in srgb, var(--h-color-primary-500) 28%, transparent); --h-stroke-danger-halo: color-mix(in srgb, var(--h-color-danger-500) 28%, transparent); --h-stroke-warning-halo: color-mix(in srgb, var(--h-color-warning-500) 28%, transparent); --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); --h-chart-series-1: var(--h-color-chart-1); --h-chart-series-2: var(--h-color-chart-2); --h-chart-series-3: var(--h-color-chart-3); --h-chart-series-4: var(--h-color-chart-4); --h-chart-series-5: var(--h-color-chart-5); --h-chart-series-6: var(--h-color-chart-6); --h-chart-series-other: var(--h-color-chart-other); --h-chart-grid: var(--h-stroke-default); --h-chart-axis: var(--h-bg-neutral-surface-secondary); --h-chart-loading-opacity: .6; }
.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-surface: var(--h-bg-neutral-default); --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-default); --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-status-contain-progress-bg: var(--h-bg-brand-tint-default); --h-status-contain-progress-color: var(--h-fg-brand-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-selection-control-size: 20px; --h-selection-control-hit-area: 24px; --h-selection-control-line-height: 20px; --h-selection-control-border-width: 1.5px; --h-selection-control-duration: var(--h-duration-md); --h-selection-control-duration-fast: var(--h-duration-xs); --h-selection-control-easing: var(--h-easing-out); --h-selection-control-easing-emphasized: var(--h-easing-out-back); --h-selection-control-motion-draw: var(--h-motion-draw); --h-selection-control-delay-draw: var(--h-duration-xs); --h-selection-control-mark-width: 2.4; --h-selection-control-focus: var(--h-stroke-brand); --h-selection-control-focus-width: 2px; --h-selection-control-focus-offset: 2px; --h-selection-control-primary-border: var(--h-fg-brand-default); --h-selection-control-primary-border-hover: var(--h-fg-brand-hover); --h-selection-control-primary-bg: var(--h-fg-brand-default); --h-selection-control-primary-bg-hover: var(--h-fg-brand-hover); --h-selection-control-primary-mark: var(--h-bg-neutral-default); --h-selection-control-primary-tint: var(--h-bg-brand-tint-hover); --h-selection-control-danger-border: var(--h-fg-danger-default); --h-selection-control-danger-border-hover: var(--h-fg-danger-hover); --h-selection-control-danger-bg: var(--h-fg-danger-default); --h-selection-control-danger-bg-hover: var(--h-fg-danger-hover); --h-selection-control-danger-mark: var(--h-bg-neutral-default); --h-selection-control-danger-tint: var(--h-bg-danger-tint-hover); --h-selection-control-neutral-border: var(--h-fg-neutral-default); --h-selection-control-neutral-border-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-bg: var(--h-fg-neutral-default); --h-selection-control-neutral-bg-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-mark: var(--h-fg-neutral-inverse-default); --h-selection-control-neutral-tint: var(--h-bg-neutral-surface); --h-selection-control-checkbox-border: var(--h-stroke-neutral-mid); --h-selection-control-radio-border: var(--h-stroke-neutral-mid); --h-selection-control-disabled-border: var(--h-stroke-default); --h-selection-control-disabled-bg: var(--h-bg-neutral-disabled); --h-selection-control-disabled-mark: var(--h-fg-neutral-disabled); --h-selection-control-error-border: var(--h-stroke-danger); --h-selection-control-error-text: var(--h-fg-danger-default); --h-selection-control-error-tint: var(--h-bg-danger-tint-hover); --h-selection-control-label: var(--h-fg-neutral-default); --h-selection-control-label-disabled: var(--h-fg-neutral-disabled); --h-selection-control-description: var(--h-fg-neutral-secondary); --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-bg-brand-tint-default); --h-circle-loader-color-neutral: var(--h-fg-neutral-default); --h-circle-loader-border-color-neutral: var(--h-bg-neutral-surface-secondary); --h-circle-loader-color-danger: var(--h-fg-danger-default); --h-circle-loader-border-color-danger: var(--h-bg-danger-tint-default); --h-circle-loader-color-warning: var(--h-fg-warning-default); --h-circle-loader-border-color-warning: var(--h-bg-warning-tint-default); --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-color-neutral-0); --h-circle-loader-border-color-light: var(--h-color-light-a25); --h-circle-loader-color-inverse: var(--h-fg-neutral-inverse-default); --h-circle-loader-border-color-inverse: color-mix(in srgb, var(--h-fg-neutral-inverse-default) 25%, transparent); --h-circle-loader-size-xsmall: 16px; --h-circle-loader-size-small: 24px; --h-circle-loader-size-medium: 32px; --h-circle-loader-size-large: 72px; --h-circle-loader-border-size-xsmall: 2px; --h-circle-loader-border-size-small: 2.5px; --h-circle-loader-border-size-medium: 3px; --h-circle-loader-border-size-large: 7px; --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-container); --h-tabs-indicator-bg: var(--h-fg-brand-default); --h-tabs-color-active: var(--h-fg-brand-default); --h-tabs-color-active-hover: var(--h-fg-brand-hover); --h-tabs-color: var(--h-fg-neutral-secondary); --h-tabs-color-hover: var(--h-fg-neutral-default); --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-hover-inset-color: var(--h-stroke-subtle); --h-border-background-color: var(--h-bg-neutral-default); --h-border-focus-color: var(--h-stroke-brand); --h-border-focus-halo-color: var(--h-stroke-brand-halo); --h-border-error-color: var(--h-stroke-danger); --h-border-error-halo-color: var(--h-stroke-danger-halo); --h-border-warning-color: var(--h-stroke-warning); --h-border-warning-halo-color: var(--h-stroke-warning-halo); --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-hover: var(--h-bg-brand-hover); --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-slider-knob: var(--h-color-neutral-0); --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-secondary); --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-secondary); --h-date-input-day-offset-color: var(--h-fg-neutral-secondary); --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: var(--h-bg-neutral-hover); --h-date-input-focus-ring: var(--h-fg-brand-secondary); --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-150: #e9e9ec; --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-color-chart-1: #6f5cf2; --h-color-chart-2: #10a594; --h-color-chart-3: #3a8ee6; --h-color-chart-4: #7d9800; --h-color-chart-5: #d9488f; --h-color-chart-6: #e3622a; --h-color-chart-other: #8e8e96; --h-color-ai-pink: #e536db; --h-gradient-ai: linear-gradient(-45deg, var(--h-color-ai-pink), 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-color-periwinkle-50: #fafbff; --h-color-periwinkle-100: #f4f5ff; --h-color-periwinkle-200: #d5dfff; --h-color-periwinkle-300: #c3cce9; --h-color-periwinkle-400: #b0b9d4; --h-color-periwinkle-500: #888faa; --h-color-periwinkle-600: #454b6d; --h-color-periwinkle-700: #2f3451; --h-color-periwinkle-800: #1e2132; --h-color-citrine-50: #f6fe9e; --h-color-citrine-100: #e9f46a; --h-color-citrine-200: #dae86d; --h-color-citrine-300: #cdd06a; --h-color-citrine-400: #aeb24f; --h-color-citrine-500: #8d9232; --h-color-citrine-600: #6e7414; --h-color-citrine-700: #464c00; --h-color-citrine-800: #303301; --h-color-citrine-a0: #f6fe9e00; --h-color-citrine-a2: #f6fe9e05; --h-color-citrine-a5: #f6fe9e0d; --h-color-citrine-a10: #f6fe9e1a; --h-color-citrine-a15: #f6fe9e26; --h-color-citrine-a20: #f6fe9e33; --h-color-citrine-a25: #f6fe9e40; --h-color-citrine-a50: #f6fe9e80; --h-color-citrine-a75: #f6fe9ebf; --h-color-citrine-a80: #f6fe9ecc; --h-color-citrine-a90: #f6fe9ee6; --h-color-periwinkle-a0: #2f345100; --h-color-periwinkle-a2: #2f345105; --h-color-periwinkle-a5: #2f34510d; --h-color-periwinkle-a10: #2f34511a; --h-color-periwinkle-a15: #2f345126; --h-color-periwinkle-a20: #2f345133; --h-color-periwinkle-a25: #2f345140; --h-color-periwinkle-a50: #2f345180; --h-color-periwinkle-a75: #2f3451bf; --h-color-periwinkle-a80: #2f3451cc; --h-color-periwinkle-a90: #2f3451e6; --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-alt: 6px; --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; --h-blur-2xs: 2px; --h-blur-xs: 4px; --h-blur-sm: 8px; --h-blur-md: 12px; --h-blur-lg: 16px; --h-blur-xl: 24px; --h-glow-blur-sm: var(--h-blur-sm); --h-glow-blur-md: var(--h-blur-md); --h-backdrop-blur-sm: var(--h-blur-sm); --h-backdrop-blur-lg: var(--h-blur-lg); --h-duration-none: 0s; --h-duration-2xs: 50ms; --h-duration-xs: .1s; --h-duration-sm: .15s; --h-duration-md: .2s; --h-duration-lg: .25s; --h-duration-xl: .3s; --h-duration-2xl: .4s; --h-duration-3xl: .5s; --h-duration-4xl: .7s; --h-duration-spring: .48s; --h-duration-loop-sm: 1s; --h-duration-loop-md: 1.25s; --h-duration-loop-lg: 1.6s; --h-easing-linear: linear; --h-easing-ease: ease; --h-easing-out: cubic-bezier(.2, .8, .2, 1); --h-easing-in-out: cubic-bezier(.4, 0, .2, 1); --h-easing-out-back: cubic-bezier(.34, 1.45, .64, 1); --h-easing-spring: linear(0, .031, .109, .212, .324, .438, .544, .64, .723, .794, .852, .898, .934, .961, .981, .995, 1.005, 1.011, 1.014, 1.015, 1.015, 1.014, 1.013, 1.011, 1.009, 1.008, 1.006, 1.005, 1.004, 1.003, 1.002, 1.001, 1); --h-motion-press: var(--h-duration-xs) var(--h-easing-out); --h-motion-hover: var(--h-duration-sm) var(--h-easing-ease); --h-motion-state: var(--h-duration-md) var(--h-easing-out); --h-motion-state-emphasized: var(--h-duration-md) var(--h-easing-out-back); --h-motion-draw: var(--h-duration-md) var(--h-easing-linear); --h-motion-enter-sm: var(--h-duration-sm) var(--h-easing-out); --h-motion-exit-sm: var(--h-duration-xs) var(--h-easing-out); --h-motion-enter-lg: var(--h-duration-xl) var(--h-easing-out); --h-motion-exit-lg: var(--h-duration-md) var(--h-easing-out); --h-motion-move: var(--h-duration-lg) var(--h-easing-in-out); --h-motion-expand: var(--h-duration-lg) var(--h-easing-out); --h-motion-spring: var(--h-duration-spring) var(--h-easing-spring); --h-motion-stagger: 30ms; --h-motion-stagger-max: var(--h-duration-2xl); --h-motion-spin: var(--h-duration-loop-sm) var(--h-easing-linear); --h-motion-pulse: var(--h-duration-loop-md) var(--h-easing-in-out); --h-motion-shimmer: var(--h-duration-loop-lg) var(--h-easing-linear); --h-motion-offset-sm: 4px; --h-motion-offset-md: 8px; --h-motion-offset-lg: 16px; --h-motion-scale-enter: .96; --h-motion-scale-enter-sm: .8; --h-motion-scale-press: .95; --h-motion-blur-sm: var(--h-blur-2xs); --h-motion-blur-md: var(--h-blur-xs); }
@media (prefers-reduced-motion: reduce) {:root { --h-easing-out-back: var(--h-easing-out); --h-easing-spring: var(--h-easing-out); --h-motion-offset-sm: 0px; --h-motion-offset-md: 0px; --h-motion-offset-lg: 0px; --h-motion-scale-enter: 1; --h-motion-scale-enter-sm: 1; --h-motion-blur-sm: 0px; --h-motion-blur-md: 0px; }}
:root { --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; }
: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; }
*, ::before, ::after { box-sizing: border-box; }
* { padding: 0px; margin: 0px; color: inherit; }
html { 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--fade:not(.transition--root-hidden) { opacity: 0; transition-property: opacity; }
.transition.transition--fade:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; }
.transition.transition--slide:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(20%); }
.transition.transition--slide:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px); }
.transition.transition--slide-right:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translate(8%); }
.transition.transition--rise:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(32%) scale(0.98); }
.transition.transition--rise:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px) scale(1); }
.hover--lift, .hover--grow, .hover--glow { transition: translate 0.4s cubic-bezier(0.16, 1, 0.3, 1), scale 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {.hover--lift, .hover--grow, .hover--glow, .hover--border { transition: none; }}
body, .mode-light, .mode-dark { color: var(--h-fg-neutral-default); }
button { background-color: var(--h-bg-neutral-default); }
.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; }
.block-background { transition: height 1ms linear 999s; }
.block-background__image { position: absolute; top: 0px; left: 0px; z-index: 0; display: block; width: 100%; height: 101%; object-fit: cover; object-position: var(--v000e51f2); }
.block-background__overlay { position: absolute; top: 0px; left: 0px; z-index: 2; width: 100%; height: 100%; background-color: rgb(29, 30, 32); opacity: var(--v3f9ca25a); }
.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); }}
.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; }
.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); }
@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] { 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)); }}
.image[data-v-8ca41215] { overflow: var(--overflow, hidden); border-radius: var(--v7007e7a5); mask-image: var(--v76f5f733); mask-size: 100% 100%; position: relative; }
.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-70b2a126] { height: 100%; user-select: none; }
.image[data-v-70b2a126] img[src=""] { visibility: hidden; }
.pointer-events-none[data-v-6bafe7d3] { pointer-events: none; }
.text-box h1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); font-style: var(--h1-font-style); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); color: var(--h1-color); text-decoration: var(--h1-text-decoration); text-transform: var(--h1-text-transform); letter-spacing: var(--h1-letter-spacing); }
@media screen and (max-width: 920px) {.text-box h1 { font-family: var(--h1-m-font-family, var(--h1-font-family)); font-size: var(--h1-m-font-size, var(--h1-font-size)); font-style: var(--h1-m-font-style, var(--h1-font-style)); font-weight: var(--h1-m-font-weight, var(--h1-font-weight)); line-height: var(--h1-m-line-height, var(--h1-line-height)); color: var(--h1-m-color, var(--h1-color)); text-decoration: var(--h1-m-text-decoration, var(--h1-text-decoration)); text-transform: var(--h1-m-text-transform, var(--h1-text-transform)); letter-spacing: var(--h1-m-letter-spacing, var(--h1-letter-spacing)); }}
.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 h4 { font-family: var(--h4-font-family); font-size: var(--h4-font-size); font-style: var(--h4-font-style); font-weight: var(--h4-font-weight); line-height: var(--h4-line-height); color: var(--h4-color); text-decoration: var(--h4-text-decoration); text-transform: var(--h4-text-transform); letter-spacing: var(--h4-letter-spacing); }
@media screen and (max-width: 920px) {.text-box h4 { font-family: var(--h4-m-font-family, var(--h4-font-family)); font-size: var(--h4-m-font-size, var(--h4-font-size)); font-style: var(--h4-m-font-style, var(--h4-font-style)); font-weight: var(--h4-m-font-weight, var(--h4-font-weight)); line-height: var(--h4-m-line-height, var(--h4-line-height)); color: var(--h4-m-color, var(--h4-color)); text-decoration: var(--h4-m-text-decoration, var(--h4-text-decoration)); text-transform: var(--h4-m-text-transform, var(--h4-text-transform)); letter-spacing: var(--h4-m-letter-spacing, var(--h4-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 .body-small { font-family: var(--body-small-font-family); font-size: var(--body-small-font-size); font-style: var(--body-small-font-style); font-weight: var(--body-small-font-weight); line-height: var(--body-small-line-height); color: var(--body-small-color); text-decoration: var(--body-small-text-decoration); text-transform: var(--body-small-text-transform); letter-spacing: var(--body-small-letter-spacing); }
@media screen and (max-width: 920px) {.text-box .body-small { font-family: var(--body-small-m-font-family, var(--body-small-font-family)); font-size: var(--body-small-m-font-size, var(--body-small-font-size)); font-style: var(--body-small-m-font-style, var(--body-small-font-style)); font-weight: var(--body-small-m-font-weight, var(--body-small-font-weight)); line-height: var(--body-small-m-line-height, var(--body-small-line-height)); color: var(--body-small-m-color, var(--body-small-color)); text-decoration: var(--body-small-m-text-decoration, var(--body-small-text-decoration)); text-transform: var(--body-small-m-text-transform, var(--body-small-text-transform)); letter-spacing: var(--body-small-m-letter-spacing, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box h1 { font-size: var(--fontSizeDesktop, var(--h1-font-size)); line-height: var(--lineHeightDesktop, var(--h1-line-height)); }
.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 h4 { font-size: var(--fontSizeDesktop, var(--h4-font-size)); line-height: var(--lineHeightDesktop, var(--h4-line-height)); }
.text-box .body { font-size: var(--fontSizeDesktop, var(--body-font-size)); line-height: var(--lineHeightDesktop, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeDesktop, var(--body-small-font-size)); line-height: var(--lineHeightDesktop, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box, .text-box .ProseMirror { white-space: var(--white-space-mobile-preview, var(--d294b058)); }
.text-box h1 { font-size: var(--fontSizeMobile, var(--h1-m-font-size)); line-height: var(--lineHeightMobile, var(--h1-line-height)); }
.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 h4 { font-size: var(--fontSizeMobile, var(--h4-m-font-size)); line-height: var(--lineHeightMobile, var(--h4-line-height)); }
.text-box .body { font-size: var(--fontSizeMobile, var(--body-m-font-size)); line-height: var(--lineHeightMobile, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeMobile, var(--body-small-m-font-size)); line-height: var(--lineHeightMobile, var(--body-small-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); }}
.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%); }}
.grid-card { width: 100%; height: var(--card-height, 100%); background: var(--card-bg, rgb(255, 255, 255)); border: var(--card-border, none); border-radius: var(--card-border-radius, 0); box-shadow: var(--card-box-shadow, none); opacity: var(--card-opacity, 1); box-sizing: border-box; }
@media screen and (max-width: 920px) {.grid-card { height: var(--m-card-height, 100%); }}
@media screen and (min-width: 360px) and (max-width: 920px) {.grid-card { height: var(--t-card-height, 100%); }}
@media screen and (min-width: 920px) and (max-width: 1224px) {.grid-card { height: var(--small-desktop-card-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--GridTextBox { overflow: visible; }
.layout-element[data-v-4f252250]:not(.is-highlighted) .layout-element__component * { pointer-events: none; }
.block-layout-container[data-v-6b232789] { position: relative; z-index: 14; }
.block-layout[data-v-6b232789], .block-layout__element[data-v-6b232789] { position: relative; }
:root { --max-width-description: 600px; }
.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); }
.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__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; }
.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-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-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--full-screen[data-v-c1535ecd] { max-height: initial; height: 0px; transition: height 0.3s ease-out 0.1s, padding 0.5s 0.1s, visibility 0.6s; }
.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--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)); }}
.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-48993e03] { position: relative; height: 100%; }
.cart-drawer[data-v-f37c89ad] { z-index: 9998; }
.sticky-trigger { position: relative; top: 0px; z-index: -1; height: 1px; margin-bottom: -1px; pointer-events: none; }
.top-blocks--sticky[data-v-897f5ab8] { position: sticky; z-index: 18; top: 0px; }
.preview__content[data-v-897f5ab8] { position: relative; z-index: 0; display: flex; flex-direction: column; margin-bottom: 56px; user-select: none; }
.preview__content--is-preview-mode[data-v-897f5ab8] { margin-bottom: 0px; }
.preview__content[data-v-897f5ab8] { 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; }
.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-strongest: var(--h-color-primary-950); --h-bg-neutral-shell: var(--h-color-neutral-900); --h-bg-neutral-container: var(--h-color-neutral-150); --h-bg-neutral-container-hover: var(--h-color-light-a75); --h-bg-neutral-container-selected: 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-neutral-inverse-surface: var(--h-color-light-a10); --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-subtlest-tint: 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-500); --h-stroke-brand-halo: color-mix(in srgb, var(--h-color-primary-500) 28%, transparent); --h-stroke-danger-halo: color-mix(in srgb, var(--h-color-danger-500) 28%, transparent); --h-stroke-warning-halo: color-mix(in srgb, var(--h-color-warning-500) 28%, transparent); --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); --h-chart-series-1: var(--h-color-chart-1); --h-chart-series-2: var(--h-color-chart-2); --h-chart-series-3: var(--h-color-chart-3); --h-chart-series-4: var(--h-color-chart-4); --h-chart-series-5: var(--h-color-chart-5); --h-chart-series-6: var(--h-color-chart-6); --h-chart-series-other: var(--h-color-chart-other); --h-chart-grid: var(--h-stroke-default); --h-chart-axis: var(--h-bg-neutral-surface-secondary); --h-chart-loading-opacity: .6; }
.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-surface: var(--h-bg-neutral-default); --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-default); --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-status-contain-progress-bg: var(--h-bg-brand-tint-default); --h-status-contain-progress-color: var(--h-fg-brand-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-selection-control-size: 20px; --h-selection-control-hit-area: 24px; --h-selection-control-line-height: 20px; --h-selection-control-border-width: 1.5px; --h-selection-control-duration: var(--h-duration-md); --h-selection-control-duration-fast: var(--h-duration-xs); --h-selection-control-easing: var(--h-easing-out); --h-selection-control-easing-emphasized: var(--h-easing-out-back); --h-selection-control-motion-draw: var(--h-motion-draw); --h-selection-control-delay-draw: var(--h-duration-xs); --h-selection-control-mark-width: 2.4; --h-selection-control-focus: var(--h-stroke-brand); --h-selection-control-focus-width: 2px; --h-selection-control-focus-offset: 2px; --h-selection-control-primary-border: var(--h-fg-brand-default); --h-selection-control-primary-border-hover: var(--h-fg-brand-hover); --h-selection-control-primary-bg: var(--h-fg-brand-default); --h-selection-control-primary-bg-hover: var(--h-fg-brand-hover); --h-selection-control-primary-mark: var(--h-bg-neutral-default); --h-selection-control-primary-tint: var(--h-bg-brand-tint-hover); --h-selection-control-danger-border: var(--h-fg-danger-default); --h-selection-control-danger-border-hover: var(--h-fg-danger-hover); --h-selection-control-danger-bg: var(--h-fg-danger-default); --h-selection-control-danger-bg-hover: var(--h-fg-danger-hover); --h-selection-control-danger-mark: var(--h-bg-neutral-default); --h-selection-control-danger-tint: var(--h-bg-danger-tint-hover); --h-selection-control-neutral-border: var(--h-fg-neutral-default); --h-selection-control-neutral-border-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-bg: var(--h-fg-neutral-default); --h-selection-control-neutral-bg-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-mark: var(--h-fg-neutral-inverse-default); --h-selection-control-neutral-tint: var(--h-bg-neutral-surface); --h-selection-control-checkbox-border: var(--h-stroke-neutral-mid); --h-selection-control-radio-border: var(--h-stroke-neutral-mid); --h-selection-control-disabled-border: var(--h-stroke-default); --h-selection-control-disabled-bg: var(--h-bg-neutral-disabled); --h-selection-control-disabled-mark: var(--h-fg-neutral-disabled); --h-selection-control-error-border: var(--h-stroke-danger); --h-selection-control-error-text: var(--h-fg-danger-default); --h-selection-control-error-tint: var(--h-bg-danger-tint-hover); --h-selection-control-label: var(--h-fg-neutral-default); --h-selection-control-label-disabled: var(--h-fg-neutral-disabled); --h-selection-control-description: var(--h-fg-neutral-secondary); --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-bg-brand-tint-default); --h-circle-loader-color-neutral: var(--h-fg-neutral-default); --h-circle-loader-border-color-neutral: var(--h-bg-neutral-surface-secondary); --h-circle-loader-color-danger: var(--h-fg-danger-default); --h-circle-loader-border-color-danger: var(--h-bg-danger-tint-default); --h-circle-loader-color-warning: var(--h-fg-warning-default); --h-circle-loader-border-color-warning: var(--h-bg-warning-tint-default); --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-color-neutral-0); --h-circle-loader-border-color-light: var(--h-color-light-a25); --h-circle-loader-color-inverse: var(--h-fg-neutral-inverse-default); --h-circle-loader-border-color-inverse: color-mix(in srgb, var(--h-fg-neutral-inverse-default) 25%, transparent); --h-circle-loader-size-xsmall: 16px; --h-circle-loader-size-small: 24px; --h-circle-loader-size-medium: 32px; --h-circle-loader-size-large: 72px; --h-circle-loader-border-size-xsmall: 2px; --h-circle-loader-border-size-small: 2.5px; --h-circle-loader-border-size-medium: 3px; --h-circle-loader-border-size-large: 7px; --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-container); --h-tabs-indicator-bg: var(--h-fg-brand-default); --h-tabs-color-active: var(--h-fg-brand-default); --h-tabs-color-active-hover: var(--h-fg-brand-hover); --h-tabs-color: var(--h-fg-neutral-secondary); --h-tabs-color-hover: var(--h-fg-neutral-default); --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-hover-inset-color: var(--h-stroke-subtle); --h-border-background-color: var(--h-bg-neutral-default); --h-border-focus-color: var(--h-stroke-brand); --h-border-focus-halo-color: var(--h-stroke-brand-halo); --h-border-error-color: var(--h-stroke-danger); --h-border-error-halo-color: var(--h-stroke-danger-halo); --h-border-warning-color: var(--h-stroke-warning); --h-border-warning-halo-color: var(--h-stroke-warning-halo); --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-hover: var(--h-bg-brand-hover); --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-slider-knob: var(--h-color-neutral-0); --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-secondary); --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-secondary); --h-date-input-day-offset-color: var(--h-fg-neutral-secondary); --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: var(--h-bg-neutral-hover); --h-date-input-focus-ring: var(--h-fg-brand-secondary); --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-150: #e9e9ec; --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-color-chart-1: #6f5cf2; --h-color-chart-2: #10a594; --h-color-chart-3: #3a8ee6; --h-color-chart-4: #7d9800; --h-color-chart-5: #d9488f; --h-color-chart-6: #e3622a; --h-color-chart-other: #8e8e96; --h-color-ai-pink: #e536db; --h-gradient-ai: linear-gradient(-45deg, var(--h-color-ai-pink), 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-color-periwinkle-50: #fafbff; --h-color-periwinkle-100: #f4f5ff; --h-color-periwinkle-200: #d5dfff; --h-color-periwinkle-300: #c3cce9; --h-color-periwinkle-400: #b0b9d4; --h-color-periwinkle-500: #888faa; --h-color-periwinkle-600: #454b6d; --h-color-periwinkle-700: #2f3451; --h-color-periwinkle-800: #1e2132; --h-color-citrine-50: #f6fe9e; --h-color-citrine-100: #e9f46a; --h-color-citrine-200: #dae86d; --h-color-citrine-300: #cdd06a; --h-color-citrine-400: #aeb24f; --h-color-citrine-500: #8d9232; --h-color-citrine-600: #6e7414; --h-color-citrine-700: #464c00; --h-color-citrine-800: #303301; --h-color-citrine-a0: #f6fe9e00; --h-color-citrine-a2: #f6fe9e05; --h-color-citrine-a5: #f6fe9e0d; --h-color-citrine-a10: #f6fe9e1a; --h-color-citrine-a15: #f6fe9e26; --h-color-citrine-a20: #f6fe9e33; --h-color-citrine-a25: #f6fe9e40; --h-color-citrine-a50: #f6fe9e80; --h-color-citrine-a75: #f6fe9ebf; --h-color-citrine-a80: #f6fe9ecc; --h-color-citrine-a90: #f6fe9ee6; --h-color-periwinkle-a0: #2f345100; --h-color-periwinkle-a2: #2f345105; --h-color-periwinkle-a5: #2f34510d; --h-color-periwinkle-a10: #2f34511a; --h-color-periwinkle-a15: #2f345126; --h-color-periwinkle-a20: #2f345133; --h-color-periwinkle-a25: #2f345140; --h-color-periwinkle-a50: #2f345180; --h-color-periwinkle-a75: #2f3451bf; --h-color-periwinkle-a80: #2f3451cc; --h-color-periwinkle-a90: #2f3451e6; --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-alt: 6px; --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; --h-blur-2xs: 2px; --h-blur-xs: 4px; --h-blur-sm: 8px; --h-blur-md: 12px; --h-blur-lg: 16px; --h-blur-xl: 24px; --h-glow-blur-sm: var(--h-blur-sm); --h-glow-blur-md: var(--h-blur-md); --h-backdrop-blur-sm: var(--h-blur-sm); --h-backdrop-blur-lg: var(--h-blur-lg); --h-duration-none: 0s; --h-duration-2xs: 50ms; --h-duration-xs: .1s; --h-duration-sm: .15s; --h-duration-md: .2s; --h-duration-lg: .25s; --h-duration-xl: .3s; --h-duration-2xl: .4s; --h-duration-3xl: .5s; --h-duration-4xl: .7s; --h-duration-spring: .48s; --h-duration-loop-sm: 1s; --h-duration-loop-md: 1.25s; --h-duration-loop-lg: 1.6s; --h-easing-linear: linear; --h-easing-ease: ease; --h-easing-out: cubic-bezier(.2, .8, .2, 1); --h-easing-in-out: cubic-bezier(.4, 0, .2, 1); --h-easing-out-back: cubic-bezier(.34, 1.45, .64, 1); --h-easing-spring: linear(0, .031, .109, .212, .324, .438, .544, .64, .723, .794, .852, .898, .934, .961, .981, .995, 1.005, 1.011, 1.014, 1.015, 1.015, 1.014, 1.013, 1.011, 1.009, 1.008, 1.006, 1.005, 1.004, 1.003, 1.002, 1.001, 1); --h-motion-press: var(--h-duration-xs) var(--h-easing-out); --h-motion-hover: var(--h-duration-sm) var(--h-easing-ease); --h-motion-state: var(--h-duration-md) var(--h-easing-out); --h-motion-state-emphasized: var(--h-duration-md) var(--h-easing-out-back); --h-motion-draw: var(--h-duration-md) var(--h-easing-linear); --h-motion-enter-sm: var(--h-duration-sm) var(--h-easing-out); --h-motion-exit-sm: var(--h-duration-xs) var(--h-easing-out); --h-motion-enter-lg: var(--h-duration-xl) var(--h-easing-out); --h-motion-exit-lg: var(--h-duration-md) var(--h-easing-out); --h-motion-move: var(--h-duration-lg) var(--h-easing-in-out); --h-motion-expand: var(--h-duration-lg) var(--h-easing-out); --h-motion-spring: var(--h-duration-spring) var(--h-easing-spring); --h-motion-stagger: 30ms; --h-motion-stagger-max: var(--h-duration-2xl); --h-motion-spin: var(--h-duration-loop-sm) var(--h-easing-linear); --h-motion-pulse: var(--h-duration-loop-md) var(--h-easing-in-out); --h-motion-shimmer: var(--h-duration-loop-lg) var(--h-easing-linear); --h-motion-offset-sm: 4px; --h-motion-offset-md: 8px; --h-motion-offset-lg: 16px; --h-motion-scale-enter: .96; --h-motion-scale-enter-sm: .8; --h-motion-scale-press: .95; --h-motion-blur-sm: var(--h-blur-2xs); --h-motion-blur-md: var(--h-blur-xs); }
@media (prefers-reduced-motion: reduce) {:root { --h-easing-out-back: var(--h-easing-out); --h-easing-spring: var(--h-easing-out); --h-motion-offset-sm: 0px; --h-motion-offset-md: 0px; --h-motion-offset-lg: 0px; --h-motion-scale-enter: 1; --h-motion-scale-enter-sm: 1; --h-motion-blur-sm: 0px; --h-motion-blur-md: 0px; }}
:root { --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; }
: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; }
*, ::before, ::after { box-sizing: border-box; }
* { padding: 0px; margin: 0px; color: inherit; }
html { 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--fade:not(.transition--root-hidden) { opacity: 0; transition-property: opacity; }
.transition.transition--fade:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; }
.transition.transition--slide:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(20%); }
.transition.transition--slide:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px); }
.transition.transition--slide-right:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translate(8%); }
.transition.transition--slide-right:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px); }
.transition.transition--rise:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(32%) scale(0.98); }
.transition.transition--rise:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px) scale(1); }
.hover--lift, .hover--grow, .hover--glow { transition: translate 0.4s cubic-bezier(0.16, 1, 0.3, 1), scale 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {.hover--lift, .hover--grow, .hover--glow, .hover--border { transition: none; }}
body, .mode-light, .mode-dark { color: var(--h-fg-neutral-default); }
button { background-color: var(--h-bg-neutral-default); }
.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; }
.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); }}
.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; }
.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); }
@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] { 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)); }}
.image[data-v-8ca41215] { overflow: var(--overflow, hidden); border-radius: var(--v7007e7a5); mask-image: var(--v76f5f733); mask-size: 100% 100%; position: relative; }
.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--hover-zoom .image__image[data-v-8ca41215]:not(.image__image--cropped) { transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {.image--hover-zoom .image__image[data-v-8ca41215]:not(.image__image--cropped), .image--hover-zoom:hover .image__image[data-v-8ca41215]:not(.image__image--cropped) { transition: none; transform: none; }}
.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-70b2a126] { height: 100%; user-select: none; }
.image[data-v-70b2a126] img[src=""] { visibility: hidden; }
.pointer-events-none[data-v-6bafe7d3] { pointer-events: none; }
.text-box h1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); font-style: var(--h1-font-style); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); color: var(--h1-color); text-decoration: var(--h1-text-decoration); text-transform: var(--h1-text-transform); letter-spacing: var(--h1-letter-spacing); }
@media screen and (max-width: 920px) {.text-box h1 { font-family: var(--h1-m-font-family, var(--h1-font-family)); font-size: var(--h1-m-font-size, var(--h1-font-size)); font-style: var(--h1-m-font-style, var(--h1-font-style)); font-weight: var(--h1-m-font-weight, var(--h1-font-weight)); line-height: var(--h1-m-line-height, var(--h1-line-height)); color: var(--h1-m-color, var(--h1-color)); text-decoration: var(--h1-m-text-decoration, var(--h1-text-decoration)); text-transform: var(--h1-m-text-transform, var(--h1-text-transform)); letter-spacing: var(--h1-m-letter-spacing, var(--h1-letter-spacing)); }}
.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 { 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 .body-small { font-family: var(--body-small-font-family); font-size: var(--body-small-font-size); font-style: var(--body-small-font-style); font-weight: var(--body-small-font-weight); line-height: var(--body-small-line-height); color: var(--body-small-color); text-decoration: var(--body-small-text-decoration); text-transform: var(--body-small-text-transform); letter-spacing: var(--body-small-letter-spacing); }
@media screen and (max-width: 920px) {.text-box .body-small { font-family: var(--body-small-m-font-family, var(--body-small-font-family)); font-size: var(--body-small-m-font-size, var(--body-small-font-size)); font-style: var(--body-small-m-font-style, var(--body-small-font-style)); font-weight: var(--body-small-m-font-weight, var(--body-small-font-weight)); line-height: var(--body-small-m-line-height, var(--body-small-line-height)); color: var(--body-small-m-color, var(--body-small-color)); text-decoration: var(--body-small-m-text-decoration, var(--body-small-text-decoration)); text-transform: var(--body-small-m-text-transform, var(--body-small-text-transform)); letter-spacing: var(--body-small-m-letter-spacing, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box h1 { font-size: var(--fontSizeDesktop, var(--h1-font-size)); line-height: var(--lineHeightDesktop, var(--h1-line-height)); }
.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 { font-size: var(--fontSizeDesktop, var(--body-font-size)); line-height: var(--lineHeightDesktop, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeDesktop, var(--body-small-font-size)); line-height: var(--lineHeightDesktop, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box, .text-box .ProseMirror { white-space: var(--white-space-mobile-preview, var(--d294b058)); }
.text-box h1 { font-size: var(--fontSizeMobile, var(--h1-m-font-size)); line-height: var(--lineHeightMobile, var(--h1-line-height)); }
.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 { font-size: var(--fontSizeMobile, var(--body-m-font-size)); line-height: var(--lineHeightMobile, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeMobile, var(--body-small-m-font-size)); line-height: var(--lineHeightMobile, var(--body-small-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); }}
.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--GridTextBox { overflow: visible; }
.layout-element[data-v-4f252250]:not(.is-highlighted) .layout-element__component * { pointer-events: none; }
.block-layout-container[data-v-6b232789] { position: relative; z-index: 14; }
.block-layout[data-v-6b232789], .block-layout__element[data-v-6b232789] { position: relative; }
:root { --max-width-description: 600px; }
.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); }
.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__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; }
.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-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-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--full-screen[data-v-c1535ecd] { max-height: initial; height: 0px; transition: height 0.3s ease-out 0.1s, padding 0.5s 0.1s, visibility 0.6s; }
.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--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)); }}
.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-48993e03] { position: relative; height: 100%; }
.cart-drawer[data-v-f37c89ad] { z-index: 9998; }
.sticky-trigger { position: relative; top: 0px; z-index: -1; height: 1px; margin-bottom: -1px; pointer-events: none; }
.top-blocks--sticky[data-v-897f5ab8] { position: sticky; z-index: 18; top: 0px; }
.preview__content[data-v-897f5ab8] { position: relative; z-index: 0; display: flex; flex-direction: column; margin-bottom: 56px; user-select: none; }
.preview__content--is-preview-mode[data-v-897f5ab8] { margin-bottom: 0px; }
.preview__content[data-v-897f5ab8] { 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; }
.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-strongest: var(--h-color-primary-950); --h-bg-neutral-shell: var(--h-color-neutral-900); --h-bg-neutral-container: var(--h-color-neutral-150); --h-bg-neutral-container-hover: var(--h-color-light-a75); --h-bg-neutral-container-selected: 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-neutral-inverse-surface: var(--h-color-light-a10); --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-subtlest-tint: 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-500); --h-stroke-brand-halo: color-mix(in srgb, var(--h-color-primary-500) 28%, transparent); --h-stroke-danger-halo: color-mix(in srgb, var(--h-color-danger-500) 28%, transparent); --h-stroke-warning-halo: color-mix(in srgb, var(--h-color-warning-500) 28%, transparent); --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); --h-chart-series-1: var(--h-color-chart-1); --h-chart-series-2: var(--h-color-chart-2); --h-chart-series-3: var(--h-color-chart-3); --h-chart-series-4: var(--h-color-chart-4); --h-chart-series-5: var(--h-color-chart-5); --h-chart-series-6: var(--h-color-chart-6); --h-chart-series-other: var(--h-color-chart-other); --h-chart-grid: var(--h-stroke-default); --h-chart-axis: var(--h-bg-neutral-surface-secondary); --h-chart-loading-opacity: .6; }
.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-surface: var(--h-bg-neutral-default); --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-default); --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-status-contain-progress-bg: var(--h-bg-brand-tint-default); --h-status-contain-progress-color: var(--h-fg-brand-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-selection-control-size: 20px; --h-selection-control-hit-area: 24px; --h-selection-control-line-height: 20px; --h-selection-control-border-width: 1.5px; --h-selection-control-duration: var(--h-duration-md); --h-selection-control-duration-fast: var(--h-duration-xs); --h-selection-control-easing: var(--h-easing-out); --h-selection-control-easing-emphasized: var(--h-easing-out-back); --h-selection-control-motion-draw: var(--h-motion-draw); --h-selection-control-delay-draw: var(--h-duration-xs); --h-selection-control-mark-width: 2.4; --h-selection-control-focus: var(--h-stroke-brand); --h-selection-control-focus-width: 2px; --h-selection-control-focus-offset: 2px; --h-selection-control-primary-border: var(--h-fg-brand-default); --h-selection-control-primary-border-hover: var(--h-fg-brand-hover); --h-selection-control-primary-bg: var(--h-fg-brand-default); --h-selection-control-primary-bg-hover: var(--h-fg-brand-hover); --h-selection-control-primary-mark: var(--h-bg-neutral-default); --h-selection-control-primary-tint: var(--h-bg-brand-tint-hover); --h-selection-control-danger-border: var(--h-fg-danger-default); --h-selection-control-danger-border-hover: var(--h-fg-danger-hover); --h-selection-control-danger-bg: var(--h-fg-danger-default); --h-selection-control-danger-bg-hover: var(--h-fg-danger-hover); --h-selection-control-danger-mark: var(--h-bg-neutral-default); --h-selection-control-danger-tint: var(--h-bg-danger-tint-hover); --h-selection-control-neutral-border: var(--h-fg-neutral-default); --h-selection-control-neutral-border-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-bg: var(--h-fg-neutral-default); --h-selection-control-neutral-bg-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-mark: var(--h-fg-neutral-inverse-default); --h-selection-control-neutral-tint: var(--h-bg-neutral-surface); --h-selection-control-checkbox-border: var(--h-stroke-neutral-mid); --h-selection-control-radio-border: var(--h-stroke-neutral-mid); --h-selection-control-disabled-border: var(--h-stroke-default); --h-selection-control-disabled-bg: var(--h-bg-neutral-disabled); --h-selection-control-disabled-mark: var(--h-fg-neutral-disabled); --h-selection-control-error-border: var(--h-stroke-danger); --h-selection-control-error-text: var(--h-fg-danger-default); --h-selection-control-error-tint: var(--h-bg-danger-tint-hover); --h-selection-control-label: var(--h-fg-neutral-default); --h-selection-control-label-disabled: var(--h-fg-neutral-disabled); --h-selection-control-description: var(--h-fg-neutral-secondary); --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-bg-brand-tint-default); --h-circle-loader-color-neutral: var(--h-fg-neutral-default); --h-circle-loader-border-color-neutral: var(--h-bg-neutral-surface-secondary); --h-circle-loader-color-danger: var(--h-fg-danger-default); --h-circle-loader-border-color-danger: var(--h-bg-danger-tint-default); --h-circle-loader-color-warning: var(--h-fg-warning-default); --h-circle-loader-border-color-warning: var(--h-bg-warning-tint-default); --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-color-neutral-0); --h-circle-loader-border-color-light: var(--h-color-light-a25); --h-circle-loader-color-inverse: var(--h-fg-neutral-inverse-default); --h-circle-loader-border-color-inverse: color-mix(in srgb, var(--h-fg-neutral-inverse-default) 25%, transparent); --h-circle-loader-size-xsmall: 16px; --h-circle-loader-size-small: 24px; --h-circle-loader-size-medium: 32px; --h-circle-loader-size-large: 72px; --h-circle-loader-border-size-xsmall: 2px; --h-circle-loader-border-size-small: 2.5px; --h-circle-loader-border-size-medium: 3px; --h-circle-loader-border-size-large: 7px; --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-container); --h-tabs-indicator-bg: var(--h-fg-brand-default); --h-tabs-color-active: var(--h-fg-brand-default); --h-tabs-color-active-hover: var(--h-fg-brand-hover); --h-tabs-color: var(--h-fg-neutral-secondary); --h-tabs-color-hover: var(--h-fg-neutral-default); --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-hover-inset-color: var(--h-stroke-subtle); --h-border-background-color: var(--h-bg-neutral-default); --h-border-focus-color: var(--h-stroke-brand); --h-border-focus-halo-color: var(--h-stroke-brand-halo); --h-border-error-color: var(--h-stroke-danger); --h-border-error-halo-color: var(--h-stroke-danger-halo); --h-border-warning-color: var(--h-stroke-warning); --h-border-warning-halo-color: var(--h-stroke-warning-halo); --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-hover: var(--h-bg-brand-hover); --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-slider-knob: var(--h-color-neutral-0); --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-secondary); --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-secondary); --h-date-input-day-offset-color: var(--h-fg-neutral-secondary); --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: var(--h-bg-neutral-hover); --h-date-input-focus-ring: var(--h-fg-brand-secondary); --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-150: #e9e9ec; --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-color-chart-1: #6f5cf2; --h-color-chart-2: #10a594; --h-color-chart-3: #3a8ee6; --h-color-chart-4: #7d9800; --h-color-chart-5: #d9488f; --h-color-chart-6: #e3622a; --h-color-chart-other: #8e8e96; --h-color-ai-pink: #e536db; --h-gradient-ai: linear-gradient(-45deg, var(--h-color-ai-pink), 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-color-periwinkle-50: #fafbff; --h-color-periwinkle-100: #f4f5ff; --h-color-periwinkle-200: #d5dfff; --h-color-periwinkle-300: #c3cce9; --h-color-periwinkle-400: #b0b9d4; --h-color-periwinkle-500: #888faa; --h-color-periwinkle-600: #454b6d; --h-color-periwinkle-700: #2f3451; --h-color-periwinkle-800: #1e2132; --h-color-citrine-50: #f6fe9e; --h-color-citrine-100: #e9f46a; --h-color-citrine-200: #dae86d; --h-color-citrine-300: #cdd06a; --h-color-citrine-400: #aeb24f; --h-color-citrine-500: #8d9232; --h-color-citrine-600: #6e7414; --h-color-citrine-700: #464c00; --h-color-citrine-800: #303301; --h-color-citrine-a0: #f6fe9e00; --h-color-citrine-a2: #f6fe9e05; --h-color-citrine-a5: #f6fe9e0d; --h-color-citrine-a10: #f6fe9e1a; --h-color-citrine-a15: #f6fe9e26; --h-color-citrine-a20: #f6fe9e33; --h-color-citrine-a25: #f6fe9e40; --h-color-citrine-a50: #f6fe9e80; --h-color-citrine-a75: #f6fe9ebf; --h-color-citrine-a80: #f6fe9ecc; --h-color-citrine-a90: #f6fe9ee6; --h-color-periwinkle-a0: #2f345100; --h-color-periwinkle-a2: #2f345105; --h-color-periwinkle-a5: #2f34510d; --h-color-periwinkle-a10: #2f34511a; --h-color-periwinkle-a15: #2f345126; --h-color-periwinkle-a20: #2f345133; --h-color-periwinkle-a25: #2f345140; --h-color-periwinkle-a50: #2f345180; --h-color-periwinkle-a75: #2f3451bf; --h-color-periwinkle-a80: #2f3451cc; --h-color-periwinkle-a90: #2f3451e6; --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-alt: 6px; --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; --h-blur-2xs: 2px; --h-blur-xs: 4px; --h-blur-sm: 8px; --h-blur-md: 12px; --h-blur-lg: 16px; --h-blur-xl: 24px; --h-glow-blur-sm: var(--h-blur-sm); --h-glow-blur-md: var(--h-blur-md); --h-backdrop-blur-sm: var(--h-blur-sm); --h-backdrop-blur-lg: var(--h-blur-lg); --h-duration-none: 0s; --h-duration-2xs: 50ms; --h-duration-xs: .1s; --h-duration-sm: .15s; --h-duration-md: .2s; --h-duration-lg: .25s; --h-duration-xl: .3s; --h-duration-2xl: .4s; --h-duration-3xl: .5s; --h-duration-4xl: .7s; --h-duration-spring: .48s; --h-duration-loop-sm: 1s; --h-duration-loop-md: 1.25s; --h-duration-loop-lg: 1.6s; --h-easing-linear: linear; --h-easing-ease: ease; --h-easing-out: cubic-bezier(.2, .8, .2, 1); --h-easing-in-out: cubic-bezier(.4, 0, .2, 1); --h-easing-out-back: cubic-bezier(.34, 1.45, .64, 1); --h-easing-spring: linear(0, .031, .109, .212, .324, .438, .544, .64, .723, .794, .852, .898, .934, .961, .981, .995, 1.005, 1.011, 1.014, 1.015, 1.015, 1.014, 1.013, 1.011, 1.009, 1.008, 1.006, 1.005, 1.004, 1.003, 1.002, 1.001, 1); --h-motion-press: var(--h-duration-xs) var(--h-easing-out); --h-motion-hover: var(--h-duration-sm) var(--h-easing-ease); --h-motion-state: var(--h-duration-md) var(--h-easing-out); --h-motion-state-emphasized: var(--h-duration-md) var(--h-easing-out-back); --h-motion-draw: var(--h-duration-md) var(--h-easing-linear); --h-motion-enter-sm: var(--h-duration-sm) var(--h-easing-out); --h-motion-exit-sm: var(--h-duration-xs) var(--h-easing-out); --h-motion-enter-lg: var(--h-duration-xl) var(--h-easing-out); --h-motion-exit-lg: var(--h-duration-md) var(--h-easing-out); --h-motion-move: var(--h-duration-lg) var(--h-easing-in-out); --h-motion-expand: var(--h-duration-lg) var(--h-easing-out); --h-motion-spring: var(--h-duration-spring) var(--h-easing-spring); --h-motion-stagger: 30ms; --h-motion-stagger-max: var(--h-duration-2xl); --h-motion-spin: var(--h-duration-loop-sm) var(--h-easing-linear); --h-motion-pulse: var(--h-duration-loop-md) var(--h-easing-in-out); --h-motion-shimmer: var(--h-duration-loop-lg) var(--h-easing-linear); --h-motion-offset-sm: 4px; --h-motion-offset-md: 8px; --h-motion-offset-lg: 16px; --h-motion-scale-enter: .96; --h-motion-scale-enter-sm: .8; --h-motion-scale-press: .95; --h-motion-blur-sm: var(--h-blur-2xs); --h-motion-blur-md: var(--h-blur-xs); }
@media (prefers-reduced-motion: reduce) {:root { --h-easing-out-back: var(--h-easing-out); --h-easing-spring: var(--h-easing-out); --h-motion-offset-sm: 0px; --h-motion-offset-md: 0px; --h-motion-offset-lg: 0px; --h-motion-scale-enter: 1; --h-motion-scale-enter-sm: 1; --h-motion-blur-sm: 0px; --h-motion-blur-md: 0px; }}
:root { --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; }
: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; }
*, ::before, ::after { box-sizing: border-box; }
* { padding: 0px; margin: 0px; color: inherit; }
html { 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--fade:not(.transition--root-hidden) { opacity: 0; transition-property: opacity; }
.transition.transition--fade:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; }
.transition.transition--slide:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(20%); }
.transition.transition--slide:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px); }
.transition.transition--slide-right:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translate(8%); }
.transition.transition--blur.transition--root-hidden [data-animation-role="block-element"], .transition.transition--blur.transition--root-hidden [data-animation-role="image"] { opacity: 0; transition-property: transform, opacity, filter; transform: translateY(6%); filter: blur(12px); }
.transition.transition--blur.transition--root-hidden [data-animation-role="image"][data-animation-state="active"].loaded, .transition.transition--blur.transition--root-hidden [data-animation-role="block-element"][data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px); filter: blur(0px); }
.transition.transition--rise:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(32%) scale(0.98); }
.transition.transition--rise:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px) scale(1); }
.hover--lift, .hover--grow, .hover--glow { transition: translate 0.4s cubic-bezier(0.16, 1, 0.3, 1), scale 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {.hover--lift, .hover--grow, .hover--glow, .hover--border { transition: none; }}
body, .mode-light, .mode-dark { color: var(--h-fg-neutral-default); }
button { background-color: var(--h-bg-neutral-default); }
.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; }
.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); }}
.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; }
.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); }
@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] { 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)); }}
.image[data-v-8ca41215] { overflow: var(--overflow, hidden); border-radius: var(--v7007e7a5); mask-image: var(--v76f5f733); mask-size: 100% 100%; position: relative; }
.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--zoom[data-v-8ca41215] { cursor: zoom-in; }
.image--hover-zoom .image__image[data-v-8ca41215]:not(.image__image--cropped) { transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {.image--hover-zoom .image__image[data-v-8ca41215]:not(.image__image--cropped), .image--hover-zoom:hover .image__image[data-v-8ca41215]:not(.image__image--cropped) { transition: none; transform: none; }}
.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); }}
.grid-gallery-grid[data-v-dc05868a] { display: grid; grid-template-columns: repeat(var(--v1a96709a),1fr); gap: var(--v3a2dbdc7); }
.grid-gallery-grid__image-wrapper[data-v-dc05868a] { position: relative; padding-top: 100%; }
.grid-gallery-grid__image-wrapper .grid-gallery-grid__image[data-v-dc05868a] { position: absolute; top: 0px; left: 0px; display: block; width: 100%; height: 100%; }
@media screen and (max-width: 920px) {.grid-gallery-grid[data-v-dc05868a] { grid-template-columns: repeat(var(--b30d0c50),1fr); gap: var(--v4bdf4085); }}
.layout-element__component--GridGallery[data-v-644ae94f] { user-select: none; }
.image[data-v-70b2a126] { height: 100%; user-select: none; }
.pointer-events-none[data-v-6bafe7d3] { pointer-events: none; }
.text-box h1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); font-style: var(--h1-font-style); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); color: var(--h1-color); text-decoration: var(--h1-text-decoration); text-transform: var(--h1-text-transform); letter-spacing: var(--h1-letter-spacing); }
@media screen and (max-width: 920px) {.text-box h1 { font-family: var(--h1-m-font-family, var(--h1-font-family)); font-size: var(--h1-m-font-size, var(--h1-font-size)); font-style: var(--h1-m-font-style, var(--h1-font-style)); font-weight: var(--h1-m-font-weight, var(--h1-font-weight)); line-height: var(--h1-m-line-height, var(--h1-line-height)); color: var(--h1-m-color, var(--h1-color)); text-decoration: var(--h1-m-text-decoration, var(--h1-text-decoration)); text-transform: var(--h1-m-text-transform, var(--h1-text-transform)); letter-spacing: var(--h1-m-letter-spacing, var(--h1-letter-spacing)); }}
.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 { 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 .body-small { font-family: var(--body-small-font-family); font-size: var(--body-small-font-size); font-style: var(--body-small-font-style); font-weight: var(--body-small-font-weight); line-height: var(--body-small-line-height); color: var(--body-small-color); text-decoration: var(--body-small-text-decoration); text-transform: var(--body-small-text-transform); letter-spacing: var(--body-small-letter-spacing); }
@media screen and (max-width: 920px) {.text-box .body-small { font-family: var(--body-small-m-font-family, var(--body-small-font-family)); font-size: var(--body-small-m-font-size, var(--body-small-font-size)); font-style: var(--body-small-m-font-style, var(--body-small-font-style)); font-weight: var(--body-small-m-font-weight, var(--body-small-font-weight)); line-height: var(--body-small-m-line-height, var(--body-small-line-height)); color: var(--body-small-m-color, var(--body-small-color)); text-decoration: var(--body-small-m-text-decoration, var(--body-small-text-decoration)); text-transform: var(--body-small-m-text-transform, var(--body-small-text-transform)); letter-spacing: var(--body-small-m-letter-spacing, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box h1 { font-size: var(--fontSizeDesktop, var(--h1-font-size)); line-height: var(--lineHeightDesktop, var(--h1-line-height)); }
.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 { font-size: var(--fontSizeDesktop, var(--body-font-size)); line-height: var(--lineHeightDesktop, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeDesktop, var(--body-small-font-size)); line-height: var(--lineHeightDesktop, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box, .text-box .ProseMirror { white-space: var(--white-space-mobile-preview, var(--d294b058)); }
.text-box h1 { font-size: var(--fontSizeMobile, var(--h1-m-font-size)); line-height: var(--lineHeightMobile, var(--h1-line-height)); }
.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 { font-size: var(--fontSizeMobile, var(--body-m-font-size)); line-height: var(--lineHeightMobile, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeMobile, var(--body-small-m-font-size)); line-height: var(--lineHeightMobile, var(--body-small-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); }}
.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%); }}
.grid-card { width: 100%; height: var(--card-height, 100%); background: var(--card-bg, rgb(255, 255, 255)); border: var(--card-border, none); border-radius: var(--card-border-radius, 0); box-shadow: var(--card-box-shadow, none); opacity: var(--card-opacity, 1); box-sizing: border-box; }
@media screen and (max-width: 920px) {.grid-card { height: var(--m-card-height, 100%); }}
@media screen and (min-width: 360px) and (max-width: 920px) {.grid-card { height: var(--t-card-height, 100%); }}
@media screen and (min-width: 920px) and (max-width: 1224px) {.grid-card { height: var(--small-desktop-card-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--GridTextBox { overflow: visible; }
.layout-element[data-v-4f252250]:not(.is-highlighted) .layout-element__component * { pointer-events: none; }
.block-layout-container[data-v-6b232789] { position: relative; z-index: 14; }
.block-layout[data-v-6b232789], .block-layout__element[data-v-6b232789] { position: relative; }
:root { --max-width-description: 600px; }
.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); }
.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__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; }
.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-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-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--full-screen[data-v-c1535ecd] { max-height: initial; height: 0px; transition: height 0.3s ease-out 0.1s, padding 0.5s 0.1s, visibility 0.6s; }
.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--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)); }}
.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-48993e03] { position: relative; height: 100%; }
.cart-drawer[data-v-f37c89ad] { z-index: 9998; }
.sticky-trigger { position: relative; top: 0px; z-index: -1; height: 1px; margin-bottom: -1px; pointer-events: none; }
.top-blocks--sticky[data-v-897f5ab8] { position: sticky; z-index: 18; top: 0px; }
.preview__content[data-v-897f5ab8] { position: relative; z-index: 0; display: flex; flex-direction: column; margin-bottom: 56px; user-select: none; }
.preview__content--is-preview-mode[data-v-897f5ab8] { margin-bottom: 0px; }
.preview__content[data-v-897f5ab8] { 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; }
.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-strongest: var(--h-color-primary-950); --h-bg-neutral-shell: var(--h-color-neutral-900); --h-bg-neutral-container: var(--h-color-neutral-150); --h-bg-neutral-container-hover: var(--h-color-light-a75); --h-bg-neutral-container-selected: 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-neutral-inverse-surface: var(--h-color-light-a10); --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-subtlest-tint: 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-500); --h-stroke-brand-halo: color-mix(in srgb, var(--h-color-primary-500) 28%, transparent); --h-stroke-danger-halo: color-mix(in srgb, var(--h-color-danger-500) 28%, transparent); --h-stroke-warning-halo: color-mix(in srgb, var(--h-color-warning-500) 28%, transparent); --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); --h-chart-series-1: var(--h-color-chart-1); --h-chart-series-2: var(--h-color-chart-2); --h-chart-series-3: var(--h-color-chart-3); --h-chart-series-4: var(--h-color-chart-4); --h-chart-series-5: var(--h-color-chart-5); --h-chart-series-6: var(--h-color-chart-6); --h-chart-series-other: var(--h-color-chart-other); --h-chart-grid: var(--h-stroke-default); --h-chart-axis: var(--h-bg-neutral-surface-secondary); --h-chart-loading-opacity: .6; }
.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-surface: var(--h-bg-neutral-default); --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-default); --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-status-contain-progress-bg: var(--h-bg-brand-tint-default); --h-status-contain-progress-color: var(--h-fg-brand-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-selection-control-size: 20px; --h-selection-control-hit-area: 24px; --h-selection-control-line-height: 20px; --h-selection-control-border-width: 1.5px; --h-selection-control-duration: var(--h-duration-md); --h-selection-control-duration-fast: var(--h-duration-xs); --h-selection-control-easing: var(--h-easing-out); --h-selection-control-easing-emphasized: var(--h-easing-out-back); --h-selection-control-motion-draw: var(--h-motion-draw); --h-selection-control-delay-draw: var(--h-duration-xs); --h-selection-control-mark-width: 2.4; --h-selection-control-focus: var(--h-stroke-brand); --h-selection-control-focus-width: 2px; --h-selection-control-focus-offset: 2px; --h-selection-control-primary-border: var(--h-fg-brand-default); --h-selection-control-primary-border-hover: var(--h-fg-brand-hover); --h-selection-control-primary-bg: var(--h-fg-brand-default); --h-selection-control-primary-bg-hover: var(--h-fg-brand-hover); --h-selection-control-primary-mark: var(--h-bg-neutral-default); --h-selection-control-primary-tint: var(--h-bg-brand-tint-hover); --h-selection-control-danger-border: var(--h-fg-danger-default); --h-selection-control-danger-border-hover: var(--h-fg-danger-hover); --h-selection-control-danger-bg: var(--h-fg-danger-default); --h-selection-control-danger-bg-hover: var(--h-fg-danger-hover); --h-selection-control-danger-mark: var(--h-bg-neutral-default); --h-selection-control-danger-tint: var(--h-bg-danger-tint-hover); --h-selection-control-neutral-border: var(--h-fg-neutral-default); --h-selection-control-neutral-border-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-bg: var(--h-fg-neutral-default); --h-selection-control-neutral-bg-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-mark: var(--h-fg-neutral-inverse-default); --h-selection-control-neutral-tint: var(--h-bg-neutral-surface); --h-selection-control-checkbox-border: var(--h-stroke-neutral-mid); --h-selection-control-radio-border: var(--h-stroke-neutral-mid); --h-selection-control-disabled-border: var(--h-stroke-default); --h-selection-control-disabled-bg: var(--h-bg-neutral-disabled); --h-selection-control-disabled-mark: var(--h-fg-neutral-disabled); --h-selection-control-error-border: var(--h-stroke-danger); --h-selection-control-error-text: var(--h-fg-danger-default); --h-selection-control-error-tint: var(--h-bg-danger-tint-hover); --h-selection-control-label: var(--h-fg-neutral-default); --h-selection-control-label-disabled: var(--h-fg-neutral-disabled); --h-selection-control-description: var(--h-fg-neutral-secondary); --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-bg-brand-tint-default); --h-circle-loader-color-neutral: var(--h-fg-neutral-default); --h-circle-loader-border-color-neutral: var(--h-bg-neutral-surface-secondary); --h-circle-loader-color-danger: var(--h-fg-danger-default); --h-circle-loader-border-color-danger: var(--h-bg-danger-tint-default); --h-circle-loader-color-warning: var(--h-fg-warning-default); --h-circle-loader-border-color-warning: var(--h-bg-warning-tint-default); --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-color-neutral-0); --h-circle-loader-border-color-light: var(--h-color-light-a25); --h-circle-loader-color-inverse: var(--h-fg-neutral-inverse-default); --h-circle-loader-border-color-inverse: color-mix(in srgb, var(--h-fg-neutral-inverse-default) 25%, transparent); --h-circle-loader-size-xsmall: 16px; --h-circle-loader-size-small: 24px; --h-circle-loader-size-medium: 32px; --h-circle-loader-size-large: 72px; --h-circle-loader-border-size-xsmall: 2px; --h-circle-loader-border-size-small: 2.5px; --h-circle-loader-border-size-medium: 3px; --h-circle-loader-border-size-large: 7px; --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-container); --h-tabs-indicator-bg: var(--h-fg-brand-default); --h-tabs-color-active: var(--h-fg-brand-default); --h-tabs-color-active-hover: var(--h-fg-brand-hover); --h-tabs-color: var(--h-fg-neutral-secondary); --h-tabs-color-hover: var(--h-fg-neutral-default); --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-hover-inset-color: var(--h-stroke-subtle); --h-border-background-color: var(--h-bg-neutral-default); --h-border-focus-color: var(--h-stroke-brand); --h-border-focus-halo-color: var(--h-stroke-brand-halo); --h-border-error-color: var(--h-stroke-danger); --h-border-error-halo-color: var(--h-stroke-danger-halo); --h-border-warning-color: var(--h-stroke-warning); --h-border-warning-halo-color: var(--h-stroke-warning-halo); --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-hover: var(--h-bg-brand-hover); --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-slider-knob: var(--h-color-neutral-0); --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-secondary); --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-secondary); --h-date-input-day-offset-color: var(--h-fg-neutral-secondary); --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: var(--h-bg-neutral-hover); --h-date-input-focus-ring: var(--h-fg-brand-secondary); --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-150: #e9e9ec; --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-color-chart-1: #6f5cf2; --h-color-chart-2: #10a594; --h-color-chart-3: #3a8ee6; --h-color-chart-4: #7d9800; --h-color-chart-5: #d9488f; --h-color-chart-6: #e3622a; --h-color-chart-other: #8e8e96; --h-color-ai-pink: #e536db; --h-gradient-ai: linear-gradient(-45deg, var(--h-color-ai-pink), 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-color-periwinkle-50: #fafbff; --h-color-periwinkle-100: #f4f5ff; --h-color-periwinkle-200: #d5dfff; --h-color-periwinkle-300: #c3cce9; --h-color-periwinkle-400: #b0b9d4; --h-color-periwinkle-500: #888faa; --h-color-periwinkle-600: #454b6d; --h-color-periwinkle-700: #2f3451; --h-color-periwinkle-800: #1e2132; --h-color-citrine-50: #f6fe9e; --h-color-citrine-100: #e9f46a; --h-color-citrine-200: #dae86d; --h-color-citrine-300: #cdd06a; --h-color-citrine-400: #aeb24f; --h-color-citrine-500: #8d9232; --h-color-citrine-600: #6e7414; --h-color-citrine-700: #464c00; --h-color-citrine-800: #303301; --h-color-citrine-a0: #f6fe9e00; --h-color-citrine-a2: #f6fe9e05; --h-color-citrine-a5: #f6fe9e0d; --h-color-citrine-a10: #f6fe9e1a; --h-color-citrine-a15: #f6fe9e26; --h-color-citrine-a20: #f6fe9e33; --h-color-citrine-a25: #f6fe9e40; --h-color-citrine-a50: #f6fe9e80; --h-color-citrine-a75: #f6fe9ebf; --h-color-citrine-a80: #f6fe9ecc; --h-color-citrine-a90: #f6fe9ee6; --h-color-periwinkle-a0: #2f345100; --h-color-periwinkle-a2: #2f345105; --h-color-periwinkle-a5: #2f34510d; --h-color-periwinkle-a10: #2f34511a; --h-color-periwinkle-a15: #2f345126; --h-color-periwinkle-a20: #2f345133; --h-color-periwinkle-a25: #2f345140; --h-color-periwinkle-a50: #2f345180; --h-color-periwinkle-a75: #2f3451bf; --h-color-periwinkle-a80: #2f3451cc; --h-color-periwinkle-a90: #2f3451e6; --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-alt: 6px; --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; --h-blur-2xs: 2px; --h-blur-xs: 4px; --h-blur-sm: 8px; --h-blur-md: 12px; --h-blur-lg: 16px; --h-blur-xl: 24px; --h-glow-blur-sm: var(--h-blur-sm); --h-glow-blur-md: var(--h-blur-md); --h-backdrop-blur-sm: var(--h-blur-sm); --h-backdrop-blur-lg: var(--h-blur-lg); --h-duration-none: 0s; --h-duration-2xs: 50ms; --h-duration-xs: .1s; --h-duration-sm: .15s; --h-duration-md: .2s; --h-duration-lg: .25s; --h-duration-xl: .3s; --h-duration-2xl: .4s; --h-duration-3xl: .5s; --h-duration-4xl: .7s; --h-duration-spring: .48s; --h-duration-loop-sm: 1s; --h-duration-loop-md: 1.25s; --h-duration-loop-lg: 1.6s; --h-easing-linear: linear; --h-easing-ease: ease; --h-easing-out: cubic-bezier(.2, .8, .2, 1); --h-easing-in-out: cubic-bezier(.4, 0, .2, 1); --h-easing-out-back: cubic-bezier(.34, 1.45, .64, 1); --h-easing-spring: linear(0, .031, .109, .212, .324, .438, .544, .64, .723, .794, .852, .898, .934, .961, .981, .995, 1.005, 1.011, 1.014, 1.015, 1.015, 1.014, 1.013, 1.011, 1.009, 1.008, 1.006, 1.005, 1.004, 1.003, 1.002, 1.001, 1); --h-motion-press: var(--h-duration-xs) var(--h-easing-out); --h-motion-hover: var(--h-duration-sm) var(--h-easing-ease); --h-motion-state: var(--h-duration-md) var(--h-easing-out); --h-motion-state-emphasized: var(--h-duration-md) var(--h-easing-out-back); --h-motion-draw: var(--h-duration-md) var(--h-easing-linear); --h-motion-enter-sm: var(--h-duration-sm) var(--h-easing-out); --h-motion-exit-sm: var(--h-duration-xs) var(--h-easing-out); --h-motion-enter-lg: var(--h-duration-xl) var(--h-easing-out); --h-motion-exit-lg: var(--h-duration-md) var(--h-easing-out); --h-motion-move: var(--h-duration-lg) var(--h-easing-in-out); --h-motion-expand: var(--h-duration-lg) var(--h-easing-out); --h-motion-spring: var(--h-duration-spring) var(--h-easing-spring); --h-motion-stagger: 30ms; --h-motion-stagger-max: var(--h-duration-2xl); --h-motion-spin: var(--h-duration-loop-sm) var(--h-easing-linear); --h-motion-pulse: var(--h-duration-loop-md) var(--h-easing-in-out); --h-motion-shimmer: var(--h-duration-loop-lg) var(--h-easing-linear); --h-motion-offset-sm: 4px; --h-motion-offset-md: 8px; --h-motion-offset-lg: 16px; --h-motion-scale-enter: .96; --h-motion-scale-enter-sm: .8; --h-motion-scale-press: .95; --h-motion-blur-sm: var(--h-blur-2xs); --h-motion-blur-md: var(--h-blur-xs); }
@media (prefers-reduced-motion: reduce) {:root { --h-easing-out-back: var(--h-easing-out); --h-easing-spring: var(--h-easing-out); --h-motion-offset-sm: 0px; --h-motion-offset-md: 0px; --h-motion-offset-lg: 0px; --h-motion-scale-enter: 1; --h-motion-scale-enter-sm: 1; --h-motion-blur-sm: 0px; --h-motion-blur-md: 0px; }}
:root { --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; }
: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; }
*, ::before, ::after { box-sizing: border-box; }
* { padding: 0px; margin: 0px; color: inherit; }
html { 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; }
iframe { border-width: 0px; }
.transition.transition--fade:not(.transition--root-hidden) { opacity: 0; transition-property: opacity; }
.transition.transition--fade:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; }
.transition.transition--slide:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(20%); }
.transition.transition--slide:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px); }
.transition.transition--slide-right:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translate(8%); }
.transition.transition--rise:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(32%) scale(0.98); }
.transition.transition--rise:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px) scale(1); }
.hover--lift, .hover--grow, .hover--glow { transition: translate 0.4s cubic-bezier(0.16, 1, 0.3, 1), scale 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {.hover--lift, .hover--grow, .hover--glow, .hover--border { transition: none; }}
body, .mode-light, .mode-dark { color: var(--h-fg-neutral-default); }
button { background-color: var(--h-bg-neutral-default); }
.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; }
.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); }}
.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; }
.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); }
@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] { 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)); }}
.image[data-v-8ca41215] { overflow: var(--overflow, hidden); border-radius: var(--v7007e7a5); mask-image: var(--v76f5f733); mask-size: 100% 100%; position: relative; }
.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--hover-zoom .image__image[data-v-8ca41215]:not(.image__image--cropped) { transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {.image--hover-zoom .image__image[data-v-8ca41215]:not(.image__image--cropped), .image--hover-zoom:hover .image__image[data-v-8ca41215]:not(.image__image--cropped) { transition: none; transform: none; }}
.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-70b2a126] { height: 100%; user-select: none; }
.image[data-v-70b2a126] img[src=""] { visibility: hidden; }
.grid-map[data-v-2b17c916] { position: relative; width: 100%; height: 100%; background-color: rgb(242, 243, 246); }
.grid-map__frame[data-v-2b17c916] { width: 100%; height: 100%; }
.grid-map__pin[data-v-2b17c916] { position: absolute; top: 50%; left: 50%; z-index: 2; width: 26px; height: 26px; margin-top: -37px; margin-left: -13px; background-color: rgb(252, 81, 133); border-radius: 50%; }
.grid-map--loading[data-v-2b17c916] { position: relative; overflow: hidden; pointer-events: none; }
.no-pointer-events[data-v-0303fc35] { pointer-events: none; }
.pointer-events-none[data-v-6bafe7d3] { pointer-events: none; }
.text-box h1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); font-style: var(--h1-font-style); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); color: var(--h1-color); text-decoration: var(--h1-text-decoration); text-transform: var(--h1-text-transform); letter-spacing: var(--h1-letter-spacing); }
@media screen and (max-width: 920px) {.text-box h1 { font-family: var(--h1-m-font-family, var(--h1-font-family)); font-size: var(--h1-m-font-size, var(--h1-font-size)); font-style: var(--h1-m-font-style, var(--h1-font-style)); font-weight: var(--h1-m-font-weight, var(--h1-font-weight)); line-height: var(--h1-m-line-height, var(--h1-line-height)); color: var(--h1-m-color, var(--h1-color)); text-decoration: var(--h1-m-text-decoration, var(--h1-text-decoration)); text-transform: var(--h1-m-text-transform, var(--h1-text-transform)); letter-spacing: var(--h1-m-letter-spacing, var(--h1-letter-spacing)); }}
.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 { 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 .body-small { font-family: var(--body-small-font-family); font-size: var(--body-small-font-size); font-style: var(--body-small-font-style); font-weight: var(--body-small-font-weight); line-height: var(--body-small-line-height); color: var(--body-small-color); text-decoration: var(--body-small-text-decoration); text-transform: var(--body-small-text-transform); letter-spacing: var(--body-small-letter-spacing); }
@media screen and (max-width: 920px) {.text-box .body-small { font-family: var(--body-small-m-font-family, var(--body-small-font-family)); font-size: var(--body-small-m-font-size, var(--body-small-font-size)); font-style: var(--body-small-m-font-style, var(--body-small-font-style)); font-weight: var(--body-small-m-font-weight, var(--body-small-font-weight)); line-height: var(--body-small-m-line-height, var(--body-small-line-height)); color: var(--body-small-m-color, var(--body-small-color)); text-decoration: var(--body-small-m-text-decoration, var(--body-small-text-decoration)); text-transform: var(--body-small-m-text-transform, var(--body-small-text-transform)); letter-spacing: var(--body-small-m-letter-spacing, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box h1 { font-size: var(--fontSizeDesktop, var(--h1-font-size)); line-height: var(--lineHeightDesktop, var(--h1-line-height)); }
.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 { font-size: var(--fontSizeDesktop, var(--body-font-size)); line-height: var(--lineHeightDesktop, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeDesktop, var(--body-small-font-size)); line-height: var(--lineHeightDesktop, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box, .text-box .ProseMirror { white-space: var(--white-space-mobile-preview, var(--d294b058)); }
.text-box h1 { font-size: var(--fontSizeMobile, var(--h1-m-font-size)); line-height: var(--lineHeightMobile, var(--h1-line-height)); }
.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 { font-size: var(--fontSizeMobile, var(--body-m-font-size)); line-height: var(--lineHeightMobile, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeMobile, var(--body-small-m-font-size)); line-height: var(--lineHeightMobile, var(--body-small-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); }}
.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--GridTextBox { overflow: visible; }
.layout-element[data-v-4f252250]:not(.is-highlighted) .layout-element__component * { pointer-events: none; }
.block-layout-container[data-v-6b232789] { position: relative; z-index: 14; }
.block-layout[data-v-6b232789], .block-layout__element[data-v-6b232789] { position: relative; }
:root { --max-width-description: 600px; }
.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); }
.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__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; }
.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-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-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--full-screen[data-v-c1535ecd] { max-height: initial; height: 0px; transition: height 0.3s ease-out 0.1s, padding 0.5s 0.1s, visibility 0.6s; }
.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--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)); }}
.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-48993e03] { position: relative; height: 100%; }
.cart-drawer[data-v-f37c89ad] { z-index: 9998; }
.sticky-trigger { position: relative; top: 0px; z-index: -1; height: 1px; margin-bottom: -1px; pointer-events: none; }
.top-blocks--sticky[data-v-897f5ab8] { position: sticky; z-index: 18; top: 0px; }
.preview__content[data-v-897f5ab8] { position: relative; z-index: 0; display: flex; flex-direction: column; margin-bottom: 56px; user-select: none; }
.preview__content--is-preview-mode[data-v-897f5ab8] { margin-bottom: 0px; }
.preview__content[data-v-897f5ab8] { 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; }
.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-strongest: var(--h-color-primary-950); --h-bg-neutral-shell: var(--h-color-neutral-900); --h-bg-neutral-container: var(--h-color-neutral-150); --h-bg-neutral-container-hover: var(--h-color-light-a75); --h-bg-neutral-container-selected: 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-neutral-inverse-surface: var(--h-color-light-a10); --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-subtlest-tint: 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-500); --h-stroke-brand-halo: color-mix(in srgb, var(--h-color-primary-500) 28%, transparent); --h-stroke-danger-halo: color-mix(in srgb, var(--h-color-danger-500) 28%, transparent); --h-stroke-warning-halo: color-mix(in srgb, var(--h-color-warning-500) 28%, transparent); --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); --h-chart-series-1: var(--h-color-chart-1); --h-chart-series-2: var(--h-color-chart-2); --h-chart-series-3: var(--h-color-chart-3); --h-chart-series-4: var(--h-color-chart-4); --h-chart-series-5: var(--h-color-chart-5); --h-chart-series-6: var(--h-color-chart-6); --h-chart-series-other: var(--h-color-chart-other); --h-chart-grid: var(--h-stroke-default); --h-chart-axis: var(--h-bg-neutral-surface-secondary); --h-chart-loading-opacity: .6; }
.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-surface: var(--h-bg-neutral-default); --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-default); --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-status-contain-progress-bg: var(--h-bg-brand-tint-default); --h-status-contain-progress-color: var(--h-fg-brand-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-selection-control-size: 20px; --h-selection-control-hit-area: 24px; --h-selection-control-line-height: 20px; --h-selection-control-border-width: 1.5px; --h-selection-control-duration: var(--h-duration-md); --h-selection-control-duration-fast: var(--h-duration-xs); --h-selection-control-easing: var(--h-easing-out); --h-selection-control-easing-emphasized: var(--h-easing-out-back); --h-selection-control-motion-draw: var(--h-motion-draw); --h-selection-control-delay-draw: var(--h-duration-xs); --h-selection-control-mark-width: 2.4; --h-selection-control-focus: var(--h-stroke-brand); --h-selection-control-focus-width: 2px; --h-selection-control-focus-offset: 2px; --h-selection-control-primary-border: var(--h-fg-brand-default); --h-selection-control-primary-border-hover: var(--h-fg-brand-hover); --h-selection-control-primary-bg: var(--h-fg-brand-default); --h-selection-control-primary-bg-hover: var(--h-fg-brand-hover); --h-selection-control-primary-mark: var(--h-bg-neutral-default); --h-selection-control-primary-tint: var(--h-bg-brand-tint-hover); --h-selection-control-danger-border: var(--h-fg-danger-default); --h-selection-control-danger-border-hover: var(--h-fg-danger-hover); --h-selection-control-danger-bg: var(--h-fg-danger-default); --h-selection-control-danger-bg-hover: var(--h-fg-danger-hover); --h-selection-control-danger-mark: var(--h-bg-neutral-default); --h-selection-control-danger-tint: var(--h-bg-danger-tint-hover); --h-selection-control-neutral-border: var(--h-fg-neutral-default); --h-selection-control-neutral-border-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-bg: var(--h-fg-neutral-default); --h-selection-control-neutral-bg-hover: var(--h-fg-neutral-hover); --h-selection-control-neutral-mark: var(--h-fg-neutral-inverse-default); --h-selection-control-neutral-tint: var(--h-bg-neutral-surface); --h-selection-control-checkbox-border: var(--h-stroke-neutral-mid); --h-selection-control-radio-border: var(--h-stroke-neutral-mid); --h-selection-control-disabled-border: var(--h-stroke-default); --h-selection-control-disabled-bg: var(--h-bg-neutral-disabled); --h-selection-control-disabled-mark: var(--h-fg-neutral-disabled); --h-selection-control-error-border: var(--h-stroke-danger); --h-selection-control-error-text: var(--h-fg-danger-default); --h-selection-control-error-tint: var(--h-bg-danger-tint-hover); --h-selection-control-label: var(--h-fg-neutral-default); --h-selection-control-label-disabled: var(--h-fg-neutral-disabled); --h-selection-control-description: var(--h-fg-neutral-secondary); --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-bg-brand-tint-default); --h-circle-loader-color-neutral: var(--h-fg-neutral-default); --h-circle-loader-border-color-neutral: var(--h-bg-neutral-surface-secondary); --h-circle-loader-color-danger: var(--h-fg-danger-default); --h-circle-loader-border-color-danger: var(--h-bg-danger-tint-default); --h-circle-loader-color-warning: var(--h-fg-warning-default); --h-circle-loader-border-color-warning: var(--h-bg-warning-tint-default); --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-color-neutral-0); --h-circle-loader-border-color-light: var(--h-color-light-a25); --h-circle-loader-color-inverse: var(--h-fg-neutral-inverse-default); --h-circle-loader-border-color-inverse: color-mix(in srgb, var(--h-fg-neutral-inverse-default) 25%, transparent); --h-circle-loader-size-xsmall: 16px; --h-circle-loader-size-small: 24px; --h-circle-loader-size-medium: 32px; --h-circle-loader-size-large: 72px; --h-circle-loader-border-size-xsmall: 2px; --h-circle-loader-border-size-small: 2.5px; --h-circle-loader-border-size-medium: 3px; --h-circle-loader-border-size-large: 7px; --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-container); --h-tabs-indicator-bg: var(--h-fg-brand-default); --h-tabs-color-active: var(--h-fg-brand-default); --h-tabs-color-active-hover: var(--h-fg-brand-hover); --h-tabs-color: var(--h-fg-neutral-secondary); --h-tabs-color-hover: var(--h-fg-neutral-default); --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-hover-inset-color: var(--h-stroke-subtle); --h-border-background-color: var(--h-bg-neutral-default); --h-border-focus-color: var(--h-stroke-brand); --h-border-focus-halo-color: var(--h-stroke-brand-halo); --h-border-error-color: var(--h-stroke-danger); --h-border-error-halo-color: var(--h-stroke-danger-halo); --h-border-warning-color: var(--h-stroke-warning); --h-border-warning-halo-color: var(--h-stroke-warning-halo); --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-hover: var(--h-bg-brand-hover); --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-slider-knob: var(--h-color-neutral-0); --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-secondary); --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-secondary); --h-date-input-day-offset-color: var(--h-fg-neutral-secondary); --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: var(--h-bg-neutral-hover); --h-date-input-focus-ring: var(--h-fg-brand-secondary); --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-150: #e9e9ec; --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-color-chart-1: #6f5cf2; --h-color-chart-2: #10a594; --h-color-chart-3: #3a8ee6; --h-color-chart-4: #7d9800; --h-color-chart-5: #d9488f; --h-color-chart-6: #e3622a; --h-color-chart-other: #8e8e96; --h-color-ai-pink: #e536db; --h-gradient-ai: linear-gradient(-45deg, var(--h-color-ai-pink), 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-color-periwinkle-50: #fafbff; --h-color-periwinkle-100: #f4f5ff; --h-color-periwinkle-200: #d5dfff; --h-color-periwinkle-300: #c3cce9; --h-color-periwinkle-400: #b0b9d4; --h-color-periwinkle-500: #888faa; --h-color-periwinkle-600: #454b6d; --h-color-periwinkle-700: #2f3451; --h-color-periwinkle-800: #1e2132; --h-color-citrine-50: #f6fe9e; --h-color-citrine-100: #e9f46a; --h-color-citrine-200: #dae86d; --h-color-citrine-300: #cdd06a; --h-color-citrine-400: #aeb24f; --h-color-citrine-500: #8d9232; --h-color-citrine-600: #6e7414; --h-color-citrine-700: #464c00; --h-color-citrine-800: #303301; --h-color-citrine-a0: #f6fe9e00; --h-color-citrine-a2: #f6fe9e05; --h-color-citrine-a5: #f6fe9e0d; --h-color-citrine-a10: #f6fe9e1a; --h-color-citrine-a15: #f6fe9e26; --h-color-citrine-a20: #f6fe9e33; --h-color-citrine-a25: #f6fe9e40; --h-color-citrine-a50: #f6fe9e80; --h-color-citrine-a75: #f6fe9ebf; --h-color-citrine-a80: #f6fe9ecc; --h-color-citrine-a90: #f6fe9ee6; --h-color-periwinkle-a0: #2f345100; --h-color-periwinkle-a2: #2f345105; --h-color-periwinkle-a5: #2f34510d; --h-color-periwinkle-a10: #2f34511a; --h-color-periwinkle-a15: #2f345126; --h-color-periwinkle-a20: #2f345133; --h-color-periwinkle-a25: #2f345140; --h-color-periwinkle-a50: #2f345180; --h-color-periwinkle-a75: #2f3451bf; --h-color-periwinkle-a80: #2f3451cc; --h-color-periwinkle-a90: #2f3451e6; --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-alt: 6px; --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; --h-blur-2xs: 2px; --h-blur-xs: 4px; --h-blur-sm: 8px; --h-blur-md: 12px; --h-blur-lg: 16px; --h-blur-xl: 24px; --h-glow-blur-sm: var(--h-blur-sm); --h-glow-blur-md: var(--h-blur-md); --h-backdrop-blur-sm: var(--h-blur-sm); --h-backdrop-blur-lg: var(--h-blur-lg); --h-duration-none: 0s; --h-duration-2xs: 50ms; --h-duration-xs: .1s; --h-duration-sm: .15s; --h-duration-md: .2s; --h-duration-lg: .25s; --h-duration-xl: .3s; --h-duration-2xl: .4s; --h-duration-3xl: .5s; --h-duration-4xl: .7s; --h-duration-spring: .48s; --h-duration-loop-sm: 1s; --h-duration-loop-md: 1.25s; --h-duration-loop-lg: 1.6s; --h-easing-linear: linear; --h-easing-ease: ease; --h-easing-out: cubic-bezier(.2, .8, .2, 1); --h-easing-in-out: cubic-bezier(.4, 0, .2, 1); --h-easing-out-back: cubic-bezier(.34, 1.45, .64, 1); --h-easing-spring: linear(0, .031, .109, .212, .324, .438, .544, .64, .723, .794, .852, .898, .934, .961, .981, .995, 1.005, 1.011, 1.014, 1.015, 1.015, 1.014, 1.013, 1.011, 1.009, 1.008, 1.006, 1.005, 1.004, 1.003, 1.002, 1.001, 1); --h-motion-press: var(--h-duration-xs) var(--h-easing-out); --h-motion-hover: var(--h-duration-sm) var(--h-easing-ease); --h-motion-state: var(--h-duration-md) var(--h-easing-out); --h-motion-state-emphasized: var(--h-duration-md) var(--h-easing-out-back); --h-motion-draw: var(--h-duration-md) var(--h-easing-linear); --h-motion-enter-sm: var(--h-duration-sm) var(--h-easing-out); --h-motion-exit-sm: var(--h-duration-xs) var(--h-easing-out); --h-motion-enter-lg: var(--h-duration-xl) var(--h-easing-out); --h-motion-exit-lg: var(--h-duration-md) var(--h-easing-out); --h-motion-move: var(--h-duration-lg) var(--h-easing-in-out); --h-motion-expand: var(--h-duration-lg) var(--h-easing-out); --h-motion-spring: var(--h-duration-spring) var(--h-easing-spring); --h-motion-stagger: 30ms; --h-motion-stagger-max: var(--h-duration-2xl); --h-motion-spin: var(--h-duration-loop-sm) var(--h-easing-linear); --h-motion-pulse: var(--h-duration-loop-md) var(--h-easing-in-out); --h-motion-shimmer: var(--h-duration-loop-lg) var(--h-easing-linear); --h-motion-offset-sm: 4px; --h-motion-offset-md: 8px; --h-motion-offset-lg: 16px; --h-motion-scale-enter: .96; --h-motion-scale-enter-sm: .8; --h-motion-scale-press: .95; --h-motion-blur-sm: var(--h-blur-2xs); --h-motion-blur-md: var(--h-blur-xs); }
@media (prefers-reduced-motion: reduce) {:root { --h-easing-out-back: var(--h-easing-out); --h-easing-spring: var(--h-easing-out); --h-motion-offset-sm: 0px; --h-motion-offset-md: 0px; --h-motion-offset-lg: 0px; --h-motion-scale-enter: 1; --h-motion-scale-enter-sm: 1; --h-motion-blur-sm: 0px; --h-motion-blur-md: 0px; }}
:root { --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; }
: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; }
*, ::before, ::after { box-sizing: border-box; }
* { padding: 0px; margin: 0px; color: inherit; }
html { 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; }
label[for] { cursor: pointer; }
.transition.transition--fade:not(.transition--root-hidden) { opacity: 0; transition-property: opacity; }
.transition.transition--fade:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; }
.transition.transition--slide:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(20%); }
.transition.transition--slide:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px); }
.transition.transition--slide-right:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translate(8%); }
.transition.transition--rise:not(.transition--root-hidden) { opacity: 0; transition-property: transform, opacity; transform: translateY(32%) scale(0.98); }
.transition.transition--rise:not(.transition--root-hidden)[data-animation-state="active"] { transition-delay: var(--user-animation-delay, .1s); transition-timing-function: ease; transition-duration: 0.65s; opacity: 1; transform: translate(0px) scale(1); }
.hover--lift, .hover--grow, .hover--glow { transition: translate 0.4s cubic-bezier(0.16, 1, 0.3, 1), scale 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s cubic-bezier(0.16, 1, 0.3, 1), filter 0.4s cubic-bezier(0.16, 1, 0.3, 1); }
@media (prefers-reduced-motion: reduce) {.hover--lift, .hover--grow, .hover--glow, .hover--border { transition: none; }}
body, .mode-light, .mode-dark { color: var(--h-fg-neutral-default); }
button { background-color: var(--h-bg-neutral-default); }
.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; }
.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); }}
.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; }
.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); }
@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] { 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)); }}
.input[data-v-3b08353a] { font-size: var(--input-text-size, var(--body-font-size)); }
.input__component[data-v-3b08353a] { width: 100%; height: var(--input-height); padding: 16px; font-family: var(--form-font-family, var(--body-font-family)); font-size: var(--input-text-size, var(--body-font-size)); font-weight: var(--form-font-weight, var(--body-font-weight)); color: var(--input-text-color, var(--body-color)); background-color: var(--input-fill-color, #dadce0); border-color: var(--input-border-color, #1d1e20); border-style: solid; border-width: var(--input-border-width, 0); border-radius: var(--input-border-radius, 0); outline: none; transition: color 0.2s, border-color 0.2s, background-color 0.2s; }
.input__component--textarea[data-v-3b08353a] { min-height: 96px; overflow: auto; resize: vertical; }
.input__component--no-textarea-resize[data-v-3b08353a] { resize: none; overflow: auto; }
.input__label[data-v-3b08353a] { font-size: var(--label-text-size, var(--body-font-size)); color: var(--label-text-color, #1d1e20); }
@media screen and (max-width: 920px) {.input__component[data-v-3b08353a] { font-size: var(--m-input-text-size, var(--body-m-font-size)); }
.input__label[data-v-3b08353a] { font-size: var(--m-label-text-size, var(--body-m-font-size)); }}
.form[data-v-451eac12] { position: relative; display: grid; flex: var(--form-flex); gap: var(--form-spacing); padding: var(--form-padding, var(--grid-item-inner-padding)); overflow: visible; font-family: var(--form-font-family, var(--body-font-family)); font-style: var(--body-font-style); font-weight: var(--form-font-weight, var(--body-font-weight)); line-height: var(--body-line-height); text-decoration: var(--body-text-decoration); text-transform: var(--body-text-transform); letter-spacing: var(--body-letter-spacing); background-image: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-repeat: no-repeat; background-position: center center; background-size: cover; border: var(--form-border-width) solid var(--form-border-color, #1d1e20); border-radius: var(--form-border-radius); }
.form__control[data-v-451eac12] { display: grid; gap: var(--form-elements-vertical-spacing, 22px); align-self: center; }
.form__button[data-v-451eac12] { align-self: center; justify-self: var(--form-button-justify-self); }
@media screen and (max-width: 920px) {.form__button[data-v-451eac12] { align-self: center; justify-self: var(--m-form-button-justify-self, var(--form-button-justify-self)); }
.form__control[data-v-451eac12] { gap: var(--m-form-elements-vertical-spacing, 22px); }}
.pointer-events-none[data-v-6bafe7d3] { pointer-events: none; }
.text-box h1 { font-family: var(--h1-font-family); font-size: var(--h1-font-size); font-style: var(--h1-font-style); font-weight: var(--h1-font-weight); line-height: var(--h1-line-height); color: var(--h1-color); text-decoration: var(--h1-text-decoration); text-transform: var(--h1-text-transform); letter-spacing: var(--h1-letter-spacing); }
@media screen and (max-width: 920px) {.text-box h1 { font-family: var(--h1-m-font-family, var(--h1-font-family)); font-size: var(--h1-m-font-size, var(--h1-font-size)); font-style: var(--h1-m-font-style, var(--h1-font-style)); font-weight: var(--h1-m-font-weight, var(--h1-font-weight)); line-height: var(--h1-m-line-height, var(--h1-line-height)); color: var(--h1-m-color, var(--h1-color)); text-decoration: var(--h1-m-text-decoration, var(--h1-text-decoration)); text-transform: var(--h1-m-text-transform, var(--h1-text-transform)); letter-spacing: var(--h1-m-letter-spacing, var(--h1-letter-spacing)); }}
.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 { 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 .body-small { font-family: var(--body-small-font-family); font-size: var(--body-small-font-size); font-style: var(--body-small-font-style); font-weight: var(--body-small-font-weight); line-height: var(--body-small-line-height); color: var(--body-small-color); text-decoration: var(--body-small-text-decoration); text-transform: var(--body-small-text-transform); letter-spacing: var(--body-small-letter-spacing); }
@media screen and (max-width: 920px) {.text-box .body-small { font-family: var(--body-small-m-font-family, var(--body-small-font-family)); font-size: var(--body-small-m-font-size, var(--body-small-font-size)); font-style: var(--body-small-m-font-style, var(--body-small-font-style)); font-weight: var(--body-small-m-font-weight, var(--body-small-font-weight)); line-height: var(--body-small-m-line-height, var(--body-small-line-height)); color: var(--body-small-m-color, var(--body-small-color)); text-decoration: var(--body-small-m-text-decoration, var(--body-small-text-decoration)); text-transform: var(--body-small-m-text-transform, var(--body-small-text-transform)); letter-spacing: var(--body-small-m-letter-spacing, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box h1 { font-size: var(--fontSizeDesktop, var(--h1-font-size)); line-height: var(--lineHeightDesktop, var(--h1-line-height)); }
.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 { font-size: var(--fontSizeDesktop, var(--body-font-size)); line-height: var(--lineHeightDesktop, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeDesktop, var(--body-small-font-size)); line-height: var(--lineHeightDesktop, var(--body-small-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 h1 { margin-bottom: 48px; }
.text-box h1:last-child { margin-bottom: 0px; }
.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 .body-small { margin-bottom: 24px; }
.text-box .body-small:last-child { margin-bottom: 0px; }
.text-box, .text-box .ProseMirror { white-space: var(--white-space-mobile-preview, var(--d294b058)); }
.text-box h1 { font-size: var(--fontSizeMobile, var(--h1-m-font-size)); line-height: var(--lineHeightMobile, var(--h1-line-height)); }
.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 { font-size: var(--fontSizeMobile, var(--body-m-font-size)); line-height: var(--lineHeightMobile, var(--body-line-height)); }
.text-box .body-small { font-size: var(--fontSizeMobile, var(--body-small-m-font-size)); line-height: var(--lineHeightMobile, var(--body-small-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); }}
.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--GridTextBox { overflow: visible; }
.layout-element[data-v-4f252250]:not(.is-highlighted) .layout-element__component * { pointer-events: none; }
.block-layout-container[data-v-6b232789] { position: relative; z-index: 14; }
.block-layout[data-v-6b232789], .block-layout__element[data-v-6b232789] { position: relative; }
:root { --max-width-description: 600px; }
.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); }
.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__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; }
.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-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-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--full-screen[data-v-c1535ecd] { max-height: initial; height: 0px; transition: height 0.3s ease-out 0.1s, padding 0.5s 0.1s, visibility 0.6s; }
.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--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)); }}
.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-48993e03] { position: relative; height: 100%; }
.cart-drawer[data-v-f37c89ad] { z-index: 9998; }
.sticky-trigger { position: relative; top: 0px; z-index: -1; height: 1px; margin-bottom: -1px; pointer-events: none; }
.top-blocks--sticky[data-v-897f5ab8] { position: sticky; z-index: 18; top: 0px; }
.preview__content[data-v-897f5ab8] { position: relative; z-index: 0; display: flex; flex-direction: column; margin-bottom: 56px; user-select: none; }
.preview__content--is-preview-mode[data-v-897f5ab8] { margin-bottom: 0px; }
.preview__content[data-v-897f5ab8] { 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; }

html,body{margin:0;padding:0;min-height:100%;background:#fff;color:#1d1d1f;font-family:Manrope,Arial,sans-serif;overflow-x:clip}
*,*::before,*::after{box-sizing:border-box}button,input,textarea{font:inherit}a{cursor:pointer}
.preview__content{width:100%;min-height:100vh;overflow:visible!important;padding:0!important;margin:0!important}
.transition--root-hidden{opacity:1!important;transform:none!important;filter:none!important}
.preview__content .transition{animation:none!important;opacity:1!important;filter:none!important}
.cart-drawer,.sticky-trigger{display:none!important}.top-blocks{position:relative!important;top:auto!important}
.block-header-provider-builder{position:relative}.block-header{width:100%}
.php-mobile-toggle{display:none}.php-form-note{margin-top:12px;font-size:12px;color:#555}
.grid-text-box h1,.grid-text-box h2,.grid-text-box p{overflow-wrap:normal}
.php-site-footer-links a{color:inherit;text-decoration:none}.php-site-footer-links a:hover{text-decoration:underline}
@media(max-width:920px){.block-header-layout-mobile{display:none!important}.block-header-layout-desktop{display:flex!important;flex-wrap:wrap!important;padding:20px!important;gap:16px!important}.block-header__nav{width:100%}.block-header__nav-links{display:flex!important;flex-wrap:wrap!important;gap:12px 22px!important}.block-header__logo{margin:auto!important}.block-header-item{margin:0!important}.block-header{height:auto!important;min-height:0!important}.block-header-layout-desktop .block-header-logo__image{width:86px!important;height:auto!important}}

.grid-text-box p:has(>strong:only-child){overflow-wrap:normal;word-break:normal}

header a[aria-current="page"]{color:#fff!important;border-bottom:1px solid #fff}
@media(max-width:920px){.image:has(img[src$="c7c776fa7c7651d2.png"]){--mobile-left:0px!important;--mobile-top:0px!important;--mobile-width:100%!important;--mobile-height:100%!important}.image:has(img[src$="c7c776fa7c7651d2.png"]) img{object-fit:contain!important;left:0!important;top:0!important;width:100%!important;height:100%!important;transform:none!important}}