.help-slab{--slab-light:var(--help-plate-violet-light);--slab-deep:var(--help-plate-violet-deep);--slab-lip:color-mix(in oklch, var(--slab-deep) 72%, black);--slab-foot:color-mix(in oklch, var(--slab-deep) 50%, black);background:linear-gradient(to bottom, color-mix(in oklch, var(--slab-light) 86%, white), var(--slab-light) 38%, var(--slab-deep));box-shadow:inset 0 2px 0 rgb(var(--landing-white-rgb) / .32), inset 0 -6px 0 var(--slab-lip)}.help-slab[data-raised]{box-shadow:inset 0 2px 0 rgb(var(--landing-white-rgb) / .32), inset 0 -6px 0 var(--slab-lip), 0 4px 0 var(--slab-foot)}.help-slab[data-tone=green]{--slab-light:var(--help-plate-green-light);--slab-deep:var(--help-plate-green-deep)}.help-slab[data-tone=amber]{--slab-light:var(--help-plate-amber-light);--slab-deep:var(--help-plate-amber-deep)}.help-slab[data-tone=blue]{--slab-light:var(--help-plate-blue-light);--slab-deep:var(--help-plate-blue-deep)}.help-slab[data-tone=cyan]{--slab-light:var(--help-plate-cyan-light);--slab-deep:var(--help-plate-cyan-deep)}.help-slab[data-tone=pink]{--slab-light:var(--help-plate-pink-light);--slab-deep:var(--help-plate-pink-deep)}.help-vignette>*,.help-slab-art{transition:translate .26s cubic-bezier(.2,.8,.2,1),rotate .26s cubic-bezier(.2,.8,.2,1)}@media (any-hover:hover) and (prefers-reduced-motion:no-preference){.help-topic:hover .help-vignette>*,.help-topic:focus-visible .help-vignette>*{translate:0 -6px;rotate:-1.5deg}.help-topic:hover .help-slab-art,.help-topic:focus-visible .help-slab-art{translate:-4px -8px;rotate:6deg}}@media (prefers-reduced-motion:no-preference){.help-caret{animation:1.1s step-end 4 help-caret}}@keyframes help-caret{50%{opacity:0}}
