/* Generated by edu:visual-identity-assets from config/visual-identities.php. */
:root{--artwork-navigation-size:24px;}
[data-artwork-context="navigation"]{--artwork-size:var(--artwork-navigation-size);}
:root{--artwork-inline-size:32px;}
[data-artwork-context="inline"]{--artwork-size:var(--artwork-inline-size);}
:root{--artwork-selector-size:32px;}
[data-artwork-context="selector"]{--artwork-size:var(--artwork-selector-size);}
:root{--artwork-card-size:40px;}
[data-artwork-context="card"]{--artwork-size:var(--artwork-card-size);}
:root{--artwork-stat-card-size:48px;}
[data-artwork-context="stat-card"]{--artwork-size:var(--artwork-stat-card-size);}
:root{--artwork-feature-size:64px;}
[data-artwork-context="feature"]{--artwork-size:var(--artwork-feature-size);}
:root{--artwork-catalogue-size:64px;}
[data-artwork-context="catalogue"]{--artwork-size:var(--artwork-catalogue-size);}
:root{--artwork-hero-size:64px;}
[data-artwork-context="hero"]{--artwork-size:var(--artwork-hero-size);}
[data-artwork-type="module"][data-artwork-context="navigation"]{--artwork-size:32px;}
[data-artwork-type="module"][data-artwork-context="inline"]{--artwork-size:40px;}
[data-artwork-type="module"][data-artwork-context="compact"]{--artwork-size:40px;}
[data-artwork-type="module"][data-artwork-context="selector"]{--artwork-size:56px;}
[data-artwork-type="module"][data-artwork-context="card"]{--artwork-size:64px;}
[data-artwork-type="module"][data-artwork-context="stat-card"]{--artwork-size:64px;}
[data-artwork-type="module"][data-artwork-context="feature"]{--artwork-size:96px;}
[data-artwork-type="module"][data-artwork-context="hero"]{--artwork-size:128px;}
[data-artwork-type="module"][data-artwork-context="catalogue"]{--artwork-size:120px;}
[data-artwork-type="module"][data-artwork-context="showcase"]{--artwork-size:256px;}
[data-artwork-type="entity"][data-artwork-key="access-restricted"][data-artwork-context="hero"]{--artwork-size:280px;}
:where([data-card-accent="neutral"],[data-visual-accent="neutral"]){--visual-foreground:#475569;--visual-surface:color-mix(in srgb, #475569 4%, #ffffff);--visual-border:color-mix(in srgb, #475569 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #475569 10%, #ffffff);--visual-icon-foreground:#475569;--visual-hover:color-mix(in srgb, #475569 8%, #ffffff);--visual-selected:color-mix(in srgb, #475569 12%, #ffffff);--visual-focus:#475569;}
html[data-theme=dark] :where([data-card-accent="neutral"],[data-visual-accent="neutral"]){--visual-foreground:#cbd5e1;--visual-surface:color-mix(in srgb, #cbd5e1 4%, #182438);--visual-border:color-mix(in srgb, #cbd5e1 30%, #182438);--visual-icon-background:color-mix(in srgb, #cbd5e1 10%, #182438);--visual-icon-foreground:#cbd5e1;--visual-hover:color-mix(in srgb, #cbd5e1 8%, #182438);--visual-selected:color-mix(in srgb, #cbd5e1 12%, #182438);--visual-focus:#cbd5e1;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="neutral"],[data-visual-accent="neutral"]){--visual-foreground:#cbd5e1;--visual-surface:color-mix(in srgb, #cbd5e1 4%, #182438);--visual-border:color-mix(in srgb, #cbd5e1 30%, #182438);--visual-icon-background:color-mix(in srgb, #cbd5e1 10%, #182438);--visual-icon-foreground:#cbd5e1;--visual-hover:color-mix(in srgb, #cbd5e1 8%, #182438);--visual-selected:color-mix(in srgb, #cbd5e1 12%, #182438);--visual-focus:#cbd5e1;}}
:where([data-card-accent="gold"],[data-visual-accent="gold"]){--visual-foreground:#805c00;--visual-surface:color-mix(in srgb, #805c00 4%, #ffffff);--visual-border:color-mix(in srgb, #805c00 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #805c00 10%, #ffffff);--visual-icon-foreground:#805c00;--visual-hover:color-mix(in srgb, #805c00 8%, #ffffff);--visual-selected:color-mix(in srgb, #805c00 12%, #ffffff);--visual-focus:#805c00;}
html[data-theme=dark] :where([data-card-accent="gold"],[data-visual-accent="gold"]){--visual-foreground:#f5d45b;--visual-surface:color-mix(in srgb, #f5d45b 4%, #182438);--visual-border:color-mix(in srgb, #f5d45b 30%, #182438);--visual-icon-background:color-mix(in srgb, #f5d45b 10%, #182438);--visual-icon-foreground:#f5d45b;--visual-hover:color-mix(in srgb, #f5d45b 8%, #182438);--visual-selected:color-mix(in srgb, #f5d45b 12%, #182438);--visual-focus:#f5d45b;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="gold"],[data-visual-accent="gold"]){--visual-foreground:#f5d45b;--visual-surface:color-mix(in srgb, #f5d45b 4%, #182438);--visual-border:color-mix(in srgb, #f5d45b 30%, #182438);--visual-icon-background:color-mix(in srgb, #f5d45b 10%, #182438);--visual-icon-foreground:#f5d45b;--visual-hover:color-mix(in srgb, #f5d45b 8%, #182438);--visual-selected:color-mix(in srgb, #f5d45b 12%, #182438);--visual-focus:#f5d45b;}}
:where([data-card-accent="royal-blue"],[data-visual-accent="royal-blue"]){--visual-foreground:#1d4ed8;--visual-surface:color-mix(in srgb, #1d4ed8 4%, #ffffff);--visual-border:color-mix(in srgb, #1d4ed8 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #1d4ed8 10%, #ffffff);--visual-icon-foreground:#1d4ed8;--visual-hover:color-mix(in srgb, #1d4ed8 8%, #ffffff);--visual-selected:color-mix(in srgb, #1d4ed8 12%, #ffffff);--visual-focus:#1d4ed8;}
html[data-theme=dark] :where([data-card-accent="royal-blue"],[data-visual-accent="royal-blue"]){--visual-foreground:#8bb7ff;--visual-surface:color-mix(in srgb, #8bb7ff 4%, #182438);--visual-border:color-mix(in srgb, #8bb7ff 30%, #182438);--visual-icon-background:color-mix(in srgb, #8bb7ff 10%, #182438);--visual-icon-foreground:#8bb7ff;--visual-hover:color-mix(in srgb, #8bb7ff 8%, #182438);--visual-selected:color-mix(in srgb, #8bb7ff 12%, #182438);--visual-focus:#8bb7ff;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="royal-blue"],[data-visual-accent="royal-blue"]){--visual-foreground:#8bb7ff;--visual-surface:color-mix(in srgb, #8bb7ff 4%, #182438);--visual-border:color-mix(in srgb, #8bb7ff 30%, #182438);--visual-icon-background:color-mix(in srgb, #8bb7ff 10%, #182438);--visual-icon-foreground:#8bb7ff;--visual-hover:color-mix(in srgb, #8bb7ff 8%, #182438);--visual-selected:color-mix(in srgb, #8bb7ff 12%, #182438);--visual-focus:#8bb7ff;}}
:where([data-card-accent="violet"],[data-visual-accent="violet"]){--visual-foreground:#7c3aed;--visual-surface:color-mix(in srgb, #7c3aed 4%, #ffffff);--visual-border:color-mix(in srgb, #7c3aed 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #7c3aed 10%, #ffffff);--visual-icon-foreground:#7c3aed;--visual-hover:color-mix(in srgb, #7c3aed 8%, #ffffff);--visual-selected:color-mix(in srgb, #7c3aed 12%, #ffffff);--visual-focus:#7c3aed;}
html[data-theme=dark] :where([data-card-accent="violet"],[data-visual-accent="violet"]){--visual-foreground:#c4a2ff;--visual-surface:color-mix(in srgb, #c4a2ff 4%, #182438);--visual-border:color-mix(in srgb, #c4a2ff 30%, #182438);--visual-icon-background:color-mix(in srgb, #c4a2ff 10%, #182438);--visual-icon-foreground:#c4a2ff;--visual-hover:color-mix(in srgb, #c4a2ff 8%, #182438);--visual-selected:color-mix(in srgb, #c4a2ff 12%, #182438);--visual-focus:#c4a2ff;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="violet"],[data-visual-accent="violet"]){--visual-foreground:#c4a2ff;--visual-surface:color-mix(in srgb, #c4a2ff 4%, #182438);--visual-border:color-mix(in srgb, #c4a2ff 30%, #182438);--visual-icon-background:color-mix(in srgb, #c4a2ff 10%, #182438);--visual-icon-foreground:#c4a2ff;--visual-hover:color-mix(in srgb, #c4a2ff 8%, #182438);--visual-selected:color-mix(in srgb, #c4a2ff 12%, #182438);--visual-focus:#c4a2ff;}}
:where([data-card-accent="emerald"],[data-visual-accent="emerald"]){--visual-foreground:#087443;--visual-surface:color-mix(in srgb, #087443 4%, #ffffff);--visual-border:color-mix(in srgb, #087443 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #087443 10%, #ffffff);--visual-icon-foreground:#087443;--visual-hover:color-mix(in srgb, #087443 8%, #ffffff);--visual-selected:color-mix(in srgb, #087443 12%, #ffffff);--visual-focus:#087443;}
html[data-theme=dark] :where([data-card-accent="emerald"],[data-visual-accent="emerald"]){--visual-foreground:#6ee7a5;--visual-surface:color-mix(in srgb, #6ee7a5 4%, #182438);--visual-border:color-mix(in srgb, #6ee7a5 30%, #182438);--visual-icon-background:color-mix(in srgb, #6ee7a5 10%, #182438);--visual-icon-foreground:#6ee7a5;--visual-hover:color-mix(in srgb, #6ee7a5 8%, #182438);--visual-selected:color-mix(in srgb, #6ee7a5 12%, #182438);--visual-focus:#6ee7a5;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="emerald"],[data-visual-accent="emerald"]){--visual-foreground:#6ee7a5;--visual-surface:color-mix(in srgb, #6ee7a5 4%, #182438);--visual-border:color-mix(in srgb, #6ee7a5 30%, #182438);--visual-icon-background:color-mix(in srgb, #6ee7a5 10%, #182438);--visual-icon-foreground:#6ee7a5;--visual-hover:color-mix(in srgb, #6ee7a5 8%, #182438);--visual-selected:color-mix(in srgb, #6ee7a5 12%, #182438);--visual-focus:#6ee7a5;}}
:where([data-card-accent="magenta"],[data-visual-accent="magenta"]){--visual-foreground:#a21caf;--visual-surface:color-mix(in srgb, #a21caf 4%, #ffffff);--visual-border:color-mix(in srgb, #a21caf 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #a21caf 10%, #ffffff);--visual-icon-foreground:#a21caf;--visual-hover:color-mix(in srgb, #a21caf 8%, #ffffff);--visual-selected:color-mix(in srgb, #a21caf 12%, #ffffff);--visual-focus:#a21caf;}
html[data-theme=dark] :where([data-card-accent="magenta"],[data-visual-accent="magenta"]){--visual-foreground:#ee9ef5;--visual-surface:color-mix(in srgb, #ee9ef5 4%, #182438);--visual-border:color-mix(in srgb, #ee9ef5 30%, #182438);--visual-icon-background:color-mix(in srgb, #ee9ef5 10%, #182438);--visual-icon-foreground:#ee9ef5;--visual-hover:color-mix(in srgb, #ee9ef5 8%, #182438);--visual-selected:color-mix(in srgb, #ee9ef5 12%, #182438);--visual-focus:#ee9ef5;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="magenta"],[data-visual-accent="magenta"]){--visual-foreground:#ee9ef5;--visual-surface:color-mix(in srgb, #ee9ef5 4%, #182438);--visual-border:color-mix(in srgb, #ee9ef5 30%, #182438);--visual-icon-background:color-mix(in srgb, #ee9ef5 10%, #182438);--visual-icon-foreground:#ee9ef5;--visual-hover:color-mix(in srgb, #ee9ef5 8%, #182438);--visual-selected:color-mix(in srgb, #ee9ef5 12%, #182438);--visual-focus:#ee9ef5;}}
:where([data-card-accent="cyan"],[data-visual-accent="cyan"]){--visual-foreground:#08748c;--visual-surface:color-mix(in srgb, #08748c 4%, #ffffff);--visual-border:color-mix(in srgb, #08748c 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #08748c 10%, #ffffff);--visual-icon-foreground:#08748c;--visual-hover:color-mix(in srgb, #08748c 8%, #ffffff);--visual-selected:color-mix(in srgb, #08748c 12%, #ffffff);--visual-focus:#08748c;}
html[data-theme=dark] :where([data-card-accent="cyan"],[data-visual-accent="cyan"]){--visual-foreground:#67d9f0;--visual-surface:color-mix(in srgb, #67d9f0 4%, #182438);--visual-border:color-mix(in srgb, #67d9f0 30%, #182438);--visual-icon-background:color-mix(in srgb, #67d9f0 10%, #182438);--visual-icon-foreground:#67d9f0;--visual-hover:color-mix(in srgb, #67d9f0 8%, #182438);--visual-selected:color-mix(in srgb, #67d9f0 12%, #182438);--visual-focus:#67d9f0;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="cyan"],[data-visual-accent="cyan"]){--visual-foreground:#67d9f0;--visual-surface:color-mix(in srgb, #67d9f0 4%, #182438);--visual-border:color-mix(in srgb, #67d9f0 30%, #182438);--visual-icon-background:color-mix(in srgb, #67d9f0 10%, #182438);--visual-icon-foreground:#67d9f0;--visual-hover:color-mix(in srgb, #67d9f0 8%, #182438);--visual-selected:color-mix(in srgb, #67d9f0 12%, #182438);--visual-focus:#67d9f0;}}
:where([data-card-accent="red"],[data-visual-accent="red"]){--visual-foreground:#b91c1c;--visual-surface:color-mix(in srgb, #b91c1c 4%, #ffffff);--visual-border:color-mix(in srgb, #b91c1c 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #b91c1c 10%, #ffffff);--visual-icon-foreground:#b91c1c;--visual-hover:color-mix(in srgb, #b91c1c 8%, #ffffff);--visual-selected:color-mix(in srgb, #b91c1c 12%, #ffffff);--visual-focus:#b91c1c;}
html[data-theme=dark] :where([data-card-accent="red"],[data-visual-accent="red"]){--visual-foreground:#fca5a5;--visual-surface:color-mix(in srgb, #fca5a5 4%, #182438);--visual-border:color-mix(in srgb, #fca5a5 30%, #182438);--visual-icon-background:color-mix(in srgb, #fca5a5 10%, #182438);--visual-icon-foreground:#fca5a5;--visual-hover:color-mix(in srgb, #fca5a5 8%, #182438);--visual-selected:color-mix(in srgb, #fca5a5 12%, #182438);--visual-focus:#fca5a5;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="red"],[data-visual-accent="red"]){--visual-foreground:#fca5a5;--visual-surface:color-mix(in srgb, #fca5a5 4%, #182438);--visual-border:color-mix(in srgb, #fca5a5 30%, #182438);--visual-icon-background:color-mix(in srgb, #fca5a5 10%, #182438);--visual-icon-foreground:#fca5a5;--visual-hover:color-mix(in srgb, #fca5a5 8%, #182438);--visual-selected:color-mix(in srgb, #fca5a5 12%, #182438);--visual-focus:#fca5a5;}}
:where([data-card-accent="indigo"],[data-visual-accent="indigo"]){--visual-foreground:#4338a5;--visual-surface:color-mix(in srgb, #4338a5 4%, #ffffff);--visual-border:color-mix(in srgb, #4338a5 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #4338a5 10%, #ffffff);--visual-icon-foreground:#4338a5;--visual-hover:color-mix(in srgb, #4338a5 8%, #ffffff);--visual-selected:color-mix(in srgb, #4338a5 12%, #ffffff);--visual-focus:#4338a5;}
html[data-theme=dark] :where([data-card-accent="indigo"],[data-visual-accent="indigo"]){--visual-foreground:#a9a5ff;--visual-surface:color-mix(in srgb, #a9a5ff 4%, #182438);--visual-border:color-mix(in srgb, #a9a5ff 30%, #182438);--visual-icon-background:color-mix(in srgb, #a9a5ff 10%, #182438);--visual-icon-foreground:#a9a5ff;--visual-hover:color-mix(in srgb, #a9a5ff 8%, #182438);--visual-selected:color-mix(in srgb, #a9a5ff 12%, #182438);--visual-focus:#a9a5ff;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="indigo"],[data-visual-accent="indigo"]){--visual-foreground:#a9a5ff;--visual-surface:color-mix(in srgb, #a9a5ff 4%, #182438);--visual-border:color-mix(in srgb, #a9a5ff 30%, #182438);--visual-icon-background:color-mix(in srgb, #a9a5ff 10%, #182438);--visual-icon-foreground:#a9a5ff;--visual-hover:color-mix(in srgb, #a9a5ff 8%, #182438);--visual-selected:color-mix(in srgb, #a9a5ff 12%, #182438);--visual-focus:#a9a5ff;}}
:where([data-card-accent="teal"],[data-visual-accent="teal"]){--visual-foreground:#0f7069;--visual-surface:color-mix(in srgb, #0f7069 4%, #ffffff);--visual-border:color-mix(in srgb, #0f7069 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #0f7069 10%, #ffffff);--visual-icon-foreground:#0f7069;--visual-hover:color-mix(in srgb, #0f7069 8%, #ffffff);--visual-selected:color-mix(in srgb, #0f7069 12%, #ffffff);--visual-focus:#0f7069;}
html[data-theme=dark] :where([data-card-accent="teal"],[data-visual-accent="teal"]){--visual-foreground:#5ee0c8;--visual-surface:color-mix(in srgb, #5ee0c8 4%, #182438);--visual-border:color-mix(in srgb, #5ee0c8 30%, #182438);--visual-icon-background:color-mix(in srgb, #5ee0c8 10%, #182438);--visual-icon-foreground:#5ee0c8;--visual-hover:color-mix(in srgb, #5ee0c8 8%, #182438);--visual-selected:color-mix(in srgb, #5ee0c8 12%, #182438);--visual-focus:#5ee0c8;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="teal"],[data-visual-accent="teal"]){--visual-foreground:#5ee0c8;--visual-surface:color-mix(in srgb, #5ee0c8 4%, #182438);--visual-border:color-mix(in srgb, #5ee0c8 30%, #182438);--visual-icon-background:color-mix(in srgb, #5ee0c8 10%, #182438);--visual-icon-foreground:#5ee0c8;--visual-hover:color-mix(in srgb, #5ee0c8 8%, #182438);--visual-selected:color-mix(in srgb, #5ee0c8 12%, #182438);--visual-focus:#5ee0c8;}}
:where([data-card-accent="burnt-orange"],[data-visual-accent="burnt-orange"]){--visual-foreground:#a34320;--visual-surface:color-mix(in srgb, #a34320 4%, #ffffff);--visual-border:color-mix(in srgb, #a34320 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #a34320 10%, #ffffff);--visual-icon-foreground:#a34320;--visual-hover:color-mix(in srgb, #a34320 8%, #ffffff);--visual-selected:color-mix(in srgb, #a34320 12%, #ffffff);--visual-focus:#a34320;}
html[data-theme=dark] :where([data-card-accent="burnt-orange"],[data-visual-accent="burnt-orange"]){--visual-foreground:#ffb18e;--visual-surface:color-mix(in srgb, #ffb18e 4%, #182438);--visual-border:color-mix(in srgb, #ffb18e 30%, #182438);--visual-icon-background:color-mix(in srgb, #ffb18e 10%, #182438);--visual-icon-foreground:#ffb18e;--visual-hover:color-mix(in srgb, #ffb18e 8%, #182438);--visual-selected:color-mix(in srgb, #ffb18e 12%, #182438);--visual-focus:#ffb18e;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="burnt-orange"],[data-visual-accent="burnt-orange"]){--visual-foreground:#ffb18e;--visual-surface:color-mix(in srgb, #ffb18e 4%, #182438);--visual-border:color-mix(in srgb, #ffb18e 30%, #182438);--visual-icon-background:color-mix(in srgb, #ffb18e 10%, #182438);--visual-icon-foreground:#ffb18e;--visual-hover:color-mix(in srgb, #ffb18e 8%, #182438);--visual-selected:color-mix(in srgb, #ffb18e 12%, #182438);--visual-focus:#ffb18e;}}
:where([data-card-accent="slate"],[data-visual-accent="slate"]){--visual-foreground:#475569;--visual-surface:color-mix(in srgb, #475569 4%, #ffffff);--visual-border:color-mix(in srgb, #475569 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #475569 10%, #ffffff);--visual-icon-foreground:#475569;--visual-hover:color-mix(in srgb, #475569 8%, #ffffff);--visual-selected:color-mix(in srgb, #475569 12%, #ffffff);--visual-focus:#475569;}
html[data-theme=dark] :where([data-card-accent="slate"],[data-visual-accent="slate"]){--visual-foreground:#cbd5e1;--visual-surface:color-mix(in srgb, #cbd5e1 4%, #182438);--visual-border:color-mix(in srgb, #cbd5e1 30%, #182438);--visual-icon-background:color-mix(in srgb, #cbd5e1 10%, #182438);--visual-icon-foreground:#cbd5e1;--visual-hover:color-mix(in srgb, #cbd5e1 8%, #182438);--visual-selected:color-mix(in srgb, #cbd5e1 12%, #182438);--visual-focus:#cbd5e1;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="slate"],[data-visual-accent="slate"]){--visual-foreground:#cbd5e1;--visual-surface:color-mix(in srgb, #cbd5e1 4%, #182438);--visual-border:color-mix(in srgb, #cbd5e1 30%, #182438);--visual-icon-background:color-mix(in srgb, #cbd5e1 10%, #182438);--visual-icon-foreground:#cbd5e1;--visual-hover:color-mix(in srgb, #cbd5e1 8%, #182438);--visual-selected:color-mix(in srgb, #cbd5e1 12%, #182438);--visual-focus:#cbd5e1;}}
:where([data-card-accent="navy"],[data-visual-accent="navy"]){--visual-foreground:#20365d;--visual-surface:color-mix(in srgb, #20365d 4%, #ffffff);--visual-border:color-mix(in srgb, #20365d 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #20365d 10%, #ffffff);--visual-icon-foreground:#20365d;--visual-hover:color-mix(in srgb, #20365d 8%, #ffffff);--visual-selected:color-mix(in srgb, #20365d 12%, #ffffff);--visual-focus:#20365d;}
html[data-theme=dark] :where([data-card-accent="navy"],[data-visual-accent="navy"]){--visual-foreground:#9bb7e4;--visual-surface:color-mix(in srgb, #9bb7e4 4%, #182438);--visual-border:color-mix(in srgb, #9bb7e4 30%, #182438);--visual-icon-background:color-mix(in srgb, #9bb7e4 10%, #182438);--visual-icon-foreground:#9bb7e4;--visual-hover:color-mix(in srgb, #9bb7e4 8%, #182438);--visual-selected:color-mix(in srgb, #9bb7e4 12%, #182438);--visual-focus:#9bb7e4;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="navy"],[data-visual-accent="navy"]){--visual-foreground:#9bb7e4;--visual-surface:color-mix(in srgb, #9bb7e4 4%, #182438);--visual-border:color-mix(in srgb, #9bb7e4 30%, #182438);--visual-icon-background:color-mix(in srgb, #9bb7e4 10%, #182438);--visual-icon-foreground:#9bb7e4;--visual-hover:color-mix(in srgb, #9bb7e4 8%, #182438);--visual-selected:color-mix(in srgb, #9bb7e4 12%, #182438);--visual-focus:#9bb7e4;}}
:where([data-card-accent="crimson"],[data-visual-accent="crimson"]){--visual-foreground:#a30d3b;--visual-surface:color-mix(in srgb, #a30d3b 4%, #ffffff);--visual-border:color-mix(in srgb, #a30d3b 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #a30d3b 10%, #ffffff);--visual-icon-foreground:#a30d3b;--visual-hover:color-mix(in srgb, #a30d3b 8%, #ffffff);--visual-selected:color-mix(in srgb, #a30d3b 12%, #ffffff);--visual-focus:#a30d3b;}
html[data-theme=dark] :where([data-card-accent="crimson"],[data-visual-accent="crimson"]){--visual-foreground:#ff91b0;--visual-surface:color-mix(in srgb, #ff91b0 4%, #182438);--visual-border:color-mix(in srgb, #ff91b0 30%, #182438);--visual-icon-background:color-mix(in srgb, #ff91b0 10%, #182438);--visual-icon-foreground:#ff91b0;--visual-hover:color-mix(in srgb, #ff91b0 8%, #182438);--visual-selected:color-mix(in srgb, #ff91b0 12%, #182438);--visual-focus:#ff91b0;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="crimson"],[data-visual-accent="crimson"]){--visual-foreground:#ff91b0;--visual-surface:color-mix(in srgb, #ff91b0 4%, #182438);--visual-border:color-mix(in srgb, #ff91b0 30%, #182438);--visual-icon-background:color-mix(in srgb, #ff91b0 10%, #182438);--visual-icon-foreground:#ff91b0;--visual-hover:color-mix(in srgb, #ff91b0 8%, #182438);--visual-selected:color-mix(in srgb, #ff91b0 12%, #182438);--visual-focus:#ff91b0;}}
:where([data-card-accent="azure"],[data-visual-accent="azure"]){--visual-foreground:#0060b5;--visual-surface:color-mix(in srgb, #0060b5 4%, #ffffff);--visual-border:color-mix(in srgb, #0060b5 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #0060b5 10%, #ffffff);--visual-icon-foreground:#0060b5;--visual-hover:color-mix(in srgb, #0060b5 8%, #ffffff);--visual-selected:color-mix(in srgb, #0060b5 12%, #ffffff);--visual-focus:#0060b5;}
html[data-theme=dark] :where([data-card-accent="azure"],[data-visual-accent="azure"]){--visual-foreground:#79baff;--visual-surface:color-mix(in srgb, #79baff 4%, #182438);--visual-border:color-mix(in srgb, #79baff 30%, #182438);--visual-icon-background:color-mix(in srgb, #79baff 10%, #182438);--visual-icon-foreground:#79baff;--visual-hover:color-mix(in srgb, #79baff 8%, #182438);--visual-selected:color-mix(in srgb, #79baff 12%, #182438);--visual-focus:#79baff;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="azure"],[data-visual-accent="azure"]){--visual-foreground:#79baff;--visual-surface:color-mix(in srgb, #79baff 4%, #182438);--visual-border:color-mix(in srgb, #79baff 30%, #182438);--visual-icon-background:color-mix(in srgb, #79baff 10%, #182438);--visual-icon-foreground:#79baff;--visual-hover:color-mix(in srgb, #79baff 8%, #182438);--visual-selected:color-mix(in srgb, #79baff 12%, #182438);--visual-focus:#79baff;}}
:where([data-card-accent="amber"],[data-visual-accent="amber"]){--visual-foreground:#925400;--visual-surface:color-mix(in srgb, #925400 4%, #ffffff);--visual-border:color-mix(in srgb, #925400 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #925400 10%, #ffffff);--visual-icon-foreground:#925400;--visual-hover:color-mix(in srgb, #925400 8%, #ffffff);--visual-selected:color-mix(in srgb, #925400 12%, #ffffff);--visual-focus:#925400;}
html[data-theme=dark] :where([data-card-accent="amber"],[data-visual-accent="amber"]){--visual-foreground:#ffc477;--visual-surface:color-mix(in srgb, #ffc477 4%, #182438);--visual-border:color-mix(in srgb, #ffc477 30%, #182438);--visual-icon-background:color-mix(in srgb, #ffc477 10%, #182438);--visual-icon-foreground:#ffc477;--visual-hover:color-mix(in srgb, #ffc477 8%, #182438);--visual-selected:color-mix(in srgb, #ffc477 12%, #182438);--visual-focus:#ffc477;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="amber"],[data-visual-accent="amber"]){--visual-foreground:#ffc477;--visual-surface:color-mix(in srgb, #ffc477 4%, #182438);--visual-border:color-mix(in srgb, #ffc477 30%, #182438);--visual-icon-background:color-mix(in srgb, #ffc477 10%, #182438);--visual-icon-foreground:#ffc477;--visual-hover:color-mix(in srgb, #ffc477 8%, #182438);--visual-selected:color-mix(in srgb, #ffc477 12%, #182438);--visual-focus:#ffc477;}}
:where([data-card-accent="orange"],[data-visual-accent="orange"]){--visual-foreground:#ad4600;--visual-surface:color-mix(in srgb, #ad4600 4%, #ffffff);--visual-border:color-mix(in srgb, #ad4600 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #ad4600 10%, #ffffff);--visual-icon-foreground:#ad4600;--visual-hover:color-mix(in srgb, #ad4600 8%, #ffffff);--visual-selected:color-mix(in srgb, #ad4600 12%, #ffffff);--visual-focus:#ad4600;}
html[data-theme=dark] :where([data-card-accent="orange"],[data-visual-accent="orange"]){--visual-foreground:#ffa65c;--visual-surface:color-mix(in srgb, #ffa65c 4%, #182438);--visual-border:color-mix(in srgb, #ffa65c 30%, #182438);--visual-icon-background:color-mix(in srgb, #ffa65c 10%, #182438);--visual-icon-foreground:#ffa65c;--visual-hover:color-mix(in srgb, #ffa65c 8%, #182438);--visual-selected:color-mix(in srgb, #ffa65c 12%, #182438);--visual-focus:#ffa65c;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="orange"],[data-visual-accent="orange"]){--visual-foreground:#ffa65c;--visual-surface:color-mix(in srgb, #ffa65c 4%, #182438);--visual-border:color-mix(in srgb, #ffa65c 30%, #182438);--visual-icon-background:color-mix(in srgb, #ffa65c 10%, #182438);--visual-icon-foreground:#ffa65c;--visual-hover:color-mix(in srgb, #ffa65c 8%, #182438);--visual-selected:color-mix(in srgb, #ffa65c 12%, #182438);--visual-focus:#ffa65c;}}
:where([data-card-accent="chat-green"],[data-visual-accent="chat-green"]){--visual-foreground:#28732b;--visual-surface:color-mix(in srgb, #28732b 4%, #ffffff);--visual-border:color-mix(in srgb, #28732b 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #28732b 10%, #ffffff);--visual-icon-foreground:#28732b;--visual-hover:color-mix(in srgb, #28732b 8%, #ffffff);--visual-selected:color-mix(in srgb, #28732b 12%, #ffffff);--visual-focus:#28732b;}
html[data-theme=dark] :where([data-card-accent="chat-green"],[data-visual-accent="chat-green"]){--visual-foreground:#9ae084;--visual-surface:color-mix(in srgb, #9ae084 4%, #182438);--visual-border:color-mix(in srgb, #9ae084 30%, #182438);--visual-icon-background:color-mix(in srgb, #9ae084 10%, #182438);--visual-icon-foreground:#9ae084;--visual-hover:color-mix(in srgb, #9ae084 8%, #182438);--visual-selected:color-mix(in srgb, #9ae084 12%, #182438);--visual-focus:#9ae084;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="chat-green"],[data-visual-accent="chat-green"]){--visual-foreground:#9ae084;--visual-surface:color-mix(in srgb, #9ae084 4%, #182438);--visual-border:color-mix(in srgb, #9ae084 30%, #182438);--visual-icon-background:color-mix(in srgb, #9ae084 10%, #182438);--visual-icon-foreground:#9ae084;--visual-hover:color-mix(in srgb, #9ae084 8%, #182438);--visual-selected:color-mix(in srgb, #9ae084 12%, #182438);--visual-focus:#9ae084;}}
:where([data-card-accent="sky-blue"],[data-visual-accent="sky-blue"]){--visual-foreground:#006c9e;--visual-surface:color-mix(in srgb, #006c9e 4%, #ffffff);--visual-border:color-mix(in srgb, #006c9e 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #006c9e 10%, #ffffff);--visual-icon-foreground:#006c9e;--visual-hover:color-mix(in srgb, #006c9e 8%, #ffffff);--visual-selected:color-mix(in srgb, #006c9e 12%, #ffffff);--visual-focus:#006c9e;}
html[data-theme=dark] :where([data-card-accent="sky-blue"],[data-visual-accent="sky-blue"]){--visual-foreground:#80d3ff;--visual-surface:color-mix(in srgb, #80d3ff 4%, #182438);--visual-border:color-mix(in srgb, #80d3ff 30%, #182438);--visual-icon-background:color-mix(in srgb, #80d3ff 10%, #182438);--visual-icon-foreground:#80d3ff;--visual-hover:color-mix(in srgb, #80d3ff 8%, #182438);--visual-selected:color-mix(in srgb, #80d3ff 12%, #182438);--visual-focus:#80d3ff;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="sky-blue"],[data-visual-accent="sky-blue"]){--visual-foreground:#80d3ff;--visual-surface:color-mix(in srgb, #80d3ff 4%, #182438);--visual-border:color-mix(in srgb, #80d3ff 30%, #182438);--visual-icon-background:color-mix(in srgb, #80d3ff 10%, #182438);--visual-icon-foreground:#80d3ff;--visual-hover:color-mix(in srgb, #80d3ff 8%, #182438);--visual-selected:color-mix(in srgb, #80d3ff 12%, #182438);--visual-focus:#80d3ff;}}
:where([data-card-accent="rose"],[data-visual-accent="rose"]){--visual-foreground:#ae2867;--visual-surface:color-mix(in srgb, #ae2867 4%, #ffffff);--visual-border:color-mix(in srgb, #ae2867 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #ae2867 10%, #ffffff);--visual-icon-foreground:#ae2867;--visual-hover:color-mix(in srgb, #ae2867 8%, #ffffff);--visual-selected:color-mix(in srgb, #ae2867 12%, #ffffff);--visual-focus:#ae2867;}
html[data-theme=dark] :where([data-card-accent="rose"],[data-visual-accent="rose"]){--visual-foreground:#ffa2ce;--visual-surface:color-mix(in srgb, #ffa2ce 4%, #182438);--visual-border:color-mix(in srgb, #ffa2ce 30%, #182438);--visual-icon-background:color-mix(in srgb, #ffa2ce 10%, #182438);--visual-icon-foreground:#ffa2ce;--visual-hover:color-mix(in srgb, #ffa2ce 8%, #182438);--visual-selected:color-mix(in srgb, #ffa2ce 12%, #182438);--visual-focus:#ffa2ce;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="rose"],[data-visual-accent="rose"]){--visual-foreground:#ffa2ce;--visual-surface:color-mix(in srgb, #ffa2ce 4%, #182438);--visual-border:color-mix(in srgb, #ffa2ce 30%, #182438);--visual-icon-background:color-mix(in srgb, #ffa2ce 10%, #182438);--visual-icon-foreground:#ffa2ce;--visual-hover:color-mix(in srgb, #ffa2ce 8%, #182438);--visual-selected:color-mix(in srgb, #ffa2ce 12%, #182438);--visual-focus:#ffa2ce;}}
:where([data-card-accent="slate-blue"],[data-visual-accent="slate-blue"]){--visual-foreground:#526389;--visual-surface:color-mix(in srgb, #526389 4%, #ffffff);--visual-border:color-mix(in srgb, #526389 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #526389 10%, #ffffff);--visual-icon-foreground:#526389;--visual-hover:color-mix(in srgb, #526389 8%, #ffffff);--visual-selected:color-mix(in srgb, #526389 12%, #ffffff);--visual-focus:#526389;}
html[data-theme=dark] :where([data-card-accent="slate-blue"],[data-visual-accent="slate-blue"]){--visual-foreground:#b5c3ed;--visual-surface:color-mix(in srgb, #b5c3ed 4%, #182438);--visual-border:color-mix(in srgb, #b5c3ed 30%, #182438);--visual-icon-background:color-mix(in srgb, #b5c3ed 10%, #182438);--visual-icon-foreground:#b5c3ed;--visual-hover:color-mix(in srgb, #b5c3ed 8%, #182438);--visual-selected:color-mix(in srgb, #b5c3ed 12%, #182438);--visual-focus:#b5c3ed;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="slate-blue"],[data-visual-accent="slate-blue"]){--visual-foreground:#b5c3ed;--visual-surface:color-mix(in srgb, #b5c3ed 4%, #182438);--visual-border:color-mix(in srgb, #b5c3ed 30%, #182438);--visual-icon-background:color-mix(in srgb, #b5c3ed 10%, #182438);--visual-icon-foreground:#b5c3ed;--visual-hover:color-mix(in srgb, #b5c3ed 8%, #182438);--visual-selected:color-mix(in srgb, #b5c3ed 12%, #182438);--visual-focus:#b5c3ed;}}
:where([data-card-accent="coral"],[data-visual-accent="coral"]){--visual-foreground:#b13f30;--visual-surface:color-mix(in srgb, #b13f30 4%, #ffffff);--visual-border:color-mix(in srgb, #b13f30 30%, #ffffff);--visual-icon-background:color-mix(in srgb, #b13f30 10%, #ffffff);--visual-icon-foreground:#b13f30;--visual-hover:color-mix(in srgb, #b13f30 8%, #ffffff);--visual-selected:color-mix(in srgb, #b13f30 12%, #ffffff);--visual-focus:#b13f30;}
html[data-theme=dark] :where([data-card-accent="coral"],[data-visual-accent="coral"]){--visual-foreground:#ffae9f;--visual-surface:color-mix(in srgb, #ffae9f 4%, #182438);--visual-border:color-mix(in srgb, #ffae9f 30%, #182438);--visual-icon-background:color-mix(in srgb, #ffae9f 10%, #182438);--visual-icon-foreground:#ffae9f;--visual-hover:color-mix(in srgb, #ffae9f 8%, #182438);--visual-selected:color-mix(in srgb, #ffae9f 12%, #182438);--visual-focus:#ffae9f;}
@media(prefers-color-scheme:dark){html[data-theme=system] :where([data-card-accent="coral"],[data-visual-accent="coral"]){--visual-foreground:#ffae9f;--visual-surface:color-mix(in srgb, #ffae9f 4%, #182438);--visual-border:color-mix(in srgb, #ffae9f 30%, #182438);--visual-icon-background:color-mix(in srgb, #ffae9f 10%, #182438);--visual-icon-foreground:#ffae9f;--visual-hover:color-mix(in srgb, #ffae9f 8%, #182438);--visual-selected:color-mix(in srgb, #ffae9f 12%, #182438);--visual-focus:#ffae9f;}}
