.commerce-view{--commerce-bg:#fafafa;--commerce-surface:#ffffff;--commerce-surface-2:#efefef;--commerce-text:#141414;--commerce-text-dim:#404040;--commerce-border:rgb(20 20 20/10%);--commerce-ok:#4fa800;--commerce-warn:#ff601c;--commerce-bad:#e32202;--commerce-brand:#5b5bd6;background:var(--commerce-bg);color:var(--commerce-text);font-family:var(--font-outfit,var(--font-sans))}.dark .commerce-view{--commerce-bg:#0a0a0a;--commerce-surface:#141414;--commerce-surface-2:#1c1c1c;--commerce-text:#ffffff;--commerce-text-dim:#a3a3a3;--commerce-border:rgb(255 255 255/10%);--commerce-ok:#8be53b;--commerce-warn:#ffc987;--commerce-bad:#ff4a33;--commerce-brand:#8a8af0}.commerce-view .commerce-display{font-family:var(
    --font-space-grotesk,var(--font-outfit,var(--font-sans))
  )}.commerce-view .commerce-surface{background:var(--commerce-surface);border-color:var(--commerce-border)}.commerce-view .commerce-surface-muted{background:var(--commerce-surface-2);border-color:var(--commerce-border)}.commerce-view .commerce-text-dim{color:var(--commerce-text-dim)}.commerce-view .commerce-tone-brand{background:color-mix(in srgb,var(--commerce-brand) 12%,transparent);border-color:color-mix(in srgb,var(--commerce-brand) 32%,transparent);color:var(--commerce-brand)}.commerce-view .commerce-tone-ok{background:color-mix(in srgb,var(--commerce-ok) 12%,transparent);border-color:color-mix(in srgb,var(--commerce-ok) 32%,transparent);color:var(--commerce-ok)}.commerce-view .commerce-tone-warn{background:color-mix(in srgb,var(--commerce-warn) 12%,transparent);border-color:color-mix(in srgb,var(--commerce-warn) 35%,transparent);color:var(--commerce-warn)}.commerce-view .commerce-tone-bad{background:color-mix(in srgb,var(--commerce-bad) 10%,transparent);border-color:color-mix(in srgb,var(--commerce-bad) 32%,transparent);color:var(--commerce-bad)}.commerce-view .commerce-tone-neutral{background:var(--commerce-surface-2);border-color:var(--commerce-border);color:var(--commerce-text-dim)}.commerce-view .commerce-timeline-line{background:var(--commerce-border)}