:root{--kopula-headsup-fill: color-mix(in srgb, var(--kw-color-graph-magenta) 92%, var(--kw-color-pine-950));--kopula-headsup-on: var(--kw-color-pine-0);--kopula-headsup-press: color-mix(in srgb, var(--kw-color-graph-magenta) 85%, var(--kw-color-pine-950));--kopula-headsup-tint: color-mix(in srgb, var(--kw-color-graph-magenta) 12%, var(--kw-paper));--kopula-headsup-text: color-mix(in srgb, var(--kw-color-graph-magenta) 70%, var(--kw-color-pine-950));--kopula-headsup-line: color-mix(in srgb, var(--kw-color-graph-magenta) 35%, var(--kw-paper));--kopula-headsup-tint-press: color-mix(in srgb, var(--kw-color-graph-magenta) 22%, var(--kw-paper))}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--kopula-headsup-fill: color-mix(in srgb, var(--kw-color-graph-magenta) 55%, var(--kw-color-pine-0));--kopula-headsup-on: var(--kw-color-pine-950);--kopula-headsup-press: color-mix(in srgb, var(--kw-color-graph-magenta) 45%, var(--kw-color-pine-0));--kopula-headsup-tint: color-mix(in srgb, var(--kw-color-graph-magenta) 22%, var(--kw-paper));--kopula-headsup-text: color-mix(in srgb, var(--kw-color-graph-magenta) 40%, var(--kw-color-pine-0));--kopula-headsup-line: color-mix(in srgb, var(--kw-color-graph-magenta) 50%, var(--kw-paper));--kopula-headsup-tint-press: color-mix(in srgb, var(--kw-color-graph-magenta) 30%, var(--kw-paper))}}:root[data-theme=dark]{--kopula-headsup-fill: color-mix(in srgb, var(--kw-color-graph-magenta) 55%, var(--kw-color-pine-0));--kopula-headsup-on: var(--kw-color-pine-950);--kopula-headsup-press: color-mix(in srgb, var(--kw-color-graph-magenta) 45%, var(--kw-color-pine-0));--kopula-headsup-tint: color-mix(in srgb, var(--kw-color-graph-magenta) 22%, var(--kw-paper));--kopula-headsup-text: color-mix(in srgb, var(--kw-color-graph-magenta) 40%, var(--kw-color-pine-0));--kopula-headsup-line: color-mix(in srgb, var(--kw-color-graph-magenta) 50%, var(--kw-paper));--kopula-headsup-tint-press: color-mix(in srgb, var(--kw-color-graph-magenta) 30%, var(--kw-paper))}.kopula-headsup{--kw-action-primary-bg: var(--kopula-headsup-fill);--kw-action-primary-bg-hover: var(--kopula-headsup-press);--kw-action-primary-color: var(--kopula-headsup-on);--kw-action-secondary-bg: var(--kopula-headsup-tint);--kw-action-secondary-bg-hover: var(--kopula-headsup-tint-press);--kw-action-secondary-border: var(--kopula-headsup-line);--kw-action-secondary-color: var(--kopula-headsup-text)}