/* Generated by web/build.js from _partials/generator.html (#328).
 * Do not edit: every rule is derived from the data-dot/data-bg pair on
 * the swatch it styles, which is what app.js applies when it is clicked. */
.ct-indigo-classic { background: linear-gradient(135deg, #4F46E5 50%, #FFFFFF 50%); }
.ct-midnight-slate { background: linear-gradient(135deg, #1E293B 50%, #F8FAFC 50%); }
.ct-forest-trail { background: linear-gradient(135deg, #14532D 50%, #F0FDF4 50%); }
.ct-espresso-cream { background: linear-gradient(135deg, #3F2A1D 50%, #FDF6EC 50%); }
.ct-deep-ocean { background: linear-gradient(135deg, #0C4A6E 50%, #F0F9FF 50%); }
.ct-plum-velvet { background: linear-gradient(135deg, #581C87 50%, #F5F3FF 50%); }
.ct-crimson-note { background: linear-gradient(135deg, #7F1D1D 50%, #FFF1F2 50%); }
.ct-charcoal-frost { background: linear-gradient(135deg, #27272A 50%, #FAFAFA 50%); }
.ct-burnt-sienna { background: linear-gradient(135deg, #7C2D12 50%, #FFF7ED 50%); }
.ct-deep-teal { background: linear-gradient(135deg, #134E4A 50%, #F0FDFA 50%); }
.ct-royal-navy { background: linear-gradient(135deg, #1E3A8A 50%, #EFF6FF 50%); }
.ct-merlot { background: linear-gradient(135deg, #4C0519 50%, #FDF2F8 50%); }
.ct-slate-blue { background: linear-gradient(135deg, #312E81 50%, #EEF2FF 50%); }
.ct-olive-grove { background: linear-gradient(135deg, #3F4D1E 50%, #F7FEE7 50%); }
.ct-maroon-study { background: linear-gradient(135deg, #450A0A 50%, #FEF2F2 50%); }
.ct-graphite { background: linear-gradient(135deg, #18181B 50%, #F4F4F5 50%); }
.ct-blackberry { background: linear-gradient(135deg, #3B0764 50%, #FAF5FF 50%); }
.ct-pine-shadow { background: linear-gradient(135deg, #052E16 50%, #ECFDF5 50%); }
.ct-denim { background: linear-gradient(135deg, #1E40AF 50%, #F0F9FF 50%); }
.ct-cocoa { background: linear-gradient(135deg, #451A03 50%, #FFFBEB 50%); }
.ct-neon-pulse { background: linear-gradient(135deg, #1ED760 50%, #0A0A0A 50%); }
.ct-cyber-cyan { background: linear-gradient(135deg, #22D3EE 50%, #0B1120 50%); }
.ct-electric-violet { background: linear-gradient(135deg, #A78BFA 50%, #1E1B4B 50%); }
.ct-vapor-magenta { background: linear-gradient(135deg, #F472B6 50%, #18181B 50%); }
.ct-solar-amber { background: linear-gradient(135deg, #FBBF24 50%, #1C1917 50%); }
.ct-ink-reverse { background: linear-gradient(135deg, #FAFAFA 50%, #09090B 50%); }
.ct-ember-glow { background: linear-gradient(135deg, #FB7185 50%, #200E0E 50%); }
.ct-arctic-frost { background: linear-gradient(135deg, #5EEAD4 50%, #0C1A1A 50%); }
.ct-volt-yellow { background: linear-gradient(135deg, #FDE047 50%, #171717 50%); }
.ct-deep-space { background: linear-gradient(135deg, #60A5FA 50%, #0F0B1E 50%); }