[data-visual-style="holographic"],
[data-item-style="holographic"],
[data-slide-style="holographic"] {
--vs-bg:
conic-gradient(from 220deg at 12% 110%,
color-mix(in oklab, var(--color-primary)   55%, var(--vs-white-pivot, white)) 0%,
color-mix(in oklab, var(--color-secondary) 58%, var(--vs-white-pivot, white)) 16%,
color-mix(in oklab, var(--color-highlight) 92%, var(--vs-white-pivot, white)) 32%,
color-mix(in oklab, var(--color-accent)    52%, var(--vs-white-pivot, white)) 52%,
color-mix(in oklab, var(--color-secondary) 50%, var(--vs-white-pivot, white)) 72%,
color-mix(in oklab, var(--color-primary)   55%, var(--vs-white-pivot, white)) 100%);
--vs-text-primary: var(--hero-text-light-title);
--vs-text-secondary: color-mix(in srgb, var(--hero-text-light-subtitle) 70%, var(--hero-text-light-title));
--vs-border: var(--shine-strong);
--vs-border-width: 1px;
--vs-shadow:
var(--shadow-xl),
inset 0 1px 0 var(--shine-strong);
--vs-backdrop: none;
--vs-form-label: var(--text-primary);
--vs-form-text: var(--text-primary);
--vs-form-help: var(--text-secondary);
--vs-form-placeholder: var(--placeholder-on-light);
--vs-form-focus-border: var(--color-primary);
--vs-form-focus-shadow: rgba(var(--color-primary-rgb), 0.2);
}
[data-visual-style="holographic"],
[data-item-style="holographic"],
[data-slide-style="holographic"] {
--_vs-title-bg: linear-gradient(
var(--hero-text-light-title),
var(--hero-text-light-title)
);
--_vs-title-size: 100% 100%;
}
.spotlight[data-visual-style="holographic"] .spotlight__card-desc,
.spotlight[data-visual-style="holographic"] .spotlight__panel-desc,
.timeline[data-visual-style="holographic"] .timeline__desc {
--lexical-color: var(--vs-text-secondary);
--lexical-heading-color: var(--vs-text-primary);
--lexical-link-color: var(--color-primary-text);
--lexical-quote-color: var(--vs-text-secondary);
--lexical-strong-color: var(--color-primary-text);
color: var(--vs-text-secondary);
line-height: var(--line-height-relaxed);
}
.timeline[data-visual-style="holographic"] .timeline__ref {
color: var(--color-primary-text);
}