/* CSP-safe classes for bounded server-rendered visual values. */
.pillar-detail-sun { border-left-color: #f59e0b; background: #fffbeb; }
.pillar-detail-moon { border-left-color: #8b5cf6; background: #f5f3ff; }
.pillar-detail-asc { border-left-color: #3b82f6; background: #eff6ff; }
.pillar-detail-mc { border-left-color: #10b981; background: #f0fdf4; }
.pillar-detail-rising { border-left-color: #3b82f6; background: #eff6ff; }
.pillar-detail-midheaven { border-left-color: #10b981; background: #f0fdf4; }
.vibes-score { display: inline-block; margin-left: .5rem; padding: .1rem .5rem; border-radius: 999px; color: #fff; font-size: .9rem; }
.vibes-spark-bar { display: inline-block; width: 16px; opacity: .8; border-radius: 3px; }
.transit-score-fill { display: block; height: 100%; max-width: 100%; background: var(--violet); }
.csp-text-06b6d4 { color: #06b6d4; }
.csp-background-06b6d4 { background-color: #06b6d4; }
.csp-border-06b6d4 { border-color: #06b6d4; }
.csp-accent-06b6d4 { accent-color: #06b6d4; }
.csp-text-10b981 { color: #10b981; }
.csp-background-10b981 { background-color: #10b981; }
.csp-border-10b981 { border-color: #10b981; }
.csp-accent-10b981 { accent-color: #10b981; }
.csp-text-111 { color: #111; }
.csp-background-111 { background-color: #111; }
.csp-border-111 { border-color: #111; }
.csp-accent-111 { accent-color: #111; }
.csp-text-1565c0 { color: #1565c0; }
.csp-background-1565c0 { background-color: #1565c0; }
.csp-border-1565c0 { border-color: #1565c0; }
.csp-accent-1565c0 { accent-color: #1565c0; }
.csp-text-1e40af { color: #1e40af; }
.csp-background-1e40af { background-color: #1e40af; }
.csp-border-1e40af { border-color: #1e40af; }
.csp-accent-1e40af { accent-color: #1e40af; }
.csp-text-222 { color: #222; }
.csp-background-222 { background-color: #222; }
.csp-border-222 { border-color: #222; }
.csp-accent-222 { accent-color: #222; }
.csp-text-2563eb { color: #2563eb; }
.csp-background-2563eb { background-color: #2563eb; }
.csp-border-2563eb { border-color: #2563eb; }
.csp-accent-2563eb { accent-color: #2563eb; }
.csp-text-2e7d32 { color: #2e7d32; }
.csp-background-2e7d32 { background-color: #2e7d32; }
.csp-border-2e7d32 { border-color: #2e7d32; }
.csp-accent-2e7d32 { accent-color: #2e7d32; }
.csp-text-334155 { color: #334155; }
.csp-background-334155 { background-color: #334155; }
.csp-border-334155 { border-color: #334155; }
.csp-accent-334155 { accent-color: #334155; }
.csp-text-3b82f6 { color: #3b82f6; }
.csp-background-3b82f6 { background-color: #3b82f6; }
.csp-border-3b82f6 { border-color: #3b82f6; }
.csp-accent-3b82f6 { accent-color: #3b82f6; }
.csp-text-444 { color: #444; }
.csp-background-444 { background-color: #444; }
.csp-border-444 { border-color: #444; }
.csp-accent-444 { accent-color: #444; }
.csp-text-4895ef { color: #4895ef; }
.csp-background-4895ef { background-color: #4895ef; }
.csp-border-4895ef { border-color: #4895ef; }
.csp-accent-4895ef { accent-color: #4895ef; }
.csp-text-52b788 { color: #52b788; }
.csp-background-52b788 { background-color: #52b788; }
.csp-border-52b788 { border-color: #52b788; }
.csp-accent-52b788 { accent-color: #52b788; }
.csp-text-555 { color: #555; }
.csp-background-555 { background-color: #555; }
.csp-border-555 { border-color: #555; }
.csp-accent-555 { accent-color: #555; }
.csp-text-6366f1 { color: #6366f1; }
.csp-background-6366f1 { background-color: #6366f1; }
.csp-border-6366f1 { border-color: #6366f1; }
.csp-accent-6366f1 { accent-color: #6366f1; }
.csp-text-666 { color: #666; }
.csp-background-666 { background-color: #666; }
.csp-border-666 { border-color: #666; }
.csp-accent-666 { accent-color: #666; }
.csp-text-78716c { color: #78716c; }
.csp-background-78716c { background-color: #78716c; }
.csp-border-78716c { border-color: #78716c; }
.csp-accent-78716c { accent-color: #78716c; }
.csp-text-7c3aed { color: #7c3aed; }
.csp-background-7c3aed { background-color: #7c3aed; }
.csp-border-7c3aed { border-color: #7c3aed; }
.csp-accent-7c3aed { accent-color: #7c3aed; }
.csp-text-831843 { color: #831843; }
.csp-background-831843 { background-color: #831843; }
.csp-border-831843 { border-color: #831843; }
.csp-accent-831843 { accent-color: #831843; }
.csp-text-888 { color: #888; }
.csp-background-888 { background-color: #888; }
.csp-border-888 { border-color: #888; }
.csp-accent-888 { accent-color: #888; }
.csp-text-8b5cf6 { color: #8b5cf6; }
.csp-background-8b5cf6 { background-color: #8b5cf6; }
.csp-border-8b5cf6 { border-color: #8b5cf6; }
.csp-accent-8b5cf6 { accent-color: #8b5cf6; }
.csp-text-92400e { color: #92400e; }
.csp-background-92400e { background-color: #92400e; }
.csp-border-92400e { border-color: #92400e; }
.csp-accent-92400e { accent-color: #92400e; }
.csp-text-94a3b8 { color: #94a3b8; }
.csp-background-94a3b8 { background-color: #94a3b8; }
.csp-border-94a3b8 { border-color: #94a3b8; }
.csp-accent-94a3b8 { accent-color: #94a3b8; }
.csp-text-991b1b { color: #991b1b; }
.csp-background-991b1b { background-color: #991b1b; }
.csp-border-991b1b { border-color: #991b1b; }
.csp-accent-991b1b { accent-color: #991b1b; }
.csp-text-9a3412 { color: #9a3412; }
.csp-background-9a3412 { background-color: #9a3412; }
.csp-border-9a3412 { border-color: #9a3412; }
.csp-accent-9a3412 { accent-color: #9a3412; }
.csp-text-9b72cf { color: #9b72cf; }
.csp-background-9b72cf { background-color: #9b72cf; }
.csp-border-9b72cf { border-color: #9b72cf; }
.csp-accent-9b72cf { accent-color: #9b72cf; }
.csp-text-a855f7 { color: #a855f7; }
.csp-background-a855f7 { background-color: #a855f7; }
.csp-border-a855f7 { border-color: #a855f7; }
.csp-accent-a855f7 { accent-color: #a855f7; }
.csp-text-b45309 { color: #b45309; }
.csp-background-b45309 { background-color: #b45309; }
.csp-border-b45309 { border-color: #b45309; }
.csp-accent-b45309 { accent-color: #b45309; }
.csp-text-b71c1c { color: #b71c1c; }
.csp-background-b71c1c { background-color: #b71c1c; }
.csp-border-b71c1c { border-color: #b71c1c; }
.csp-accent-b71c1c { accent-color: #b71c1c; }
.csp-text-c62828 { color: #c62828; }
.csp-background-c62828 { background-color: #c62828; }
.csp-border-c62828 { border-color: #c62828; }
.csp-accent-c62828 { accent-color: #c62828; }
.csp-text-c8b5a0 { color: #c8b5a0; }
.csp-background-c8b5a0 { background-color: #c8b5a0; }
.csp-border-c8b5a0 { border-color: #c8b5a0; }
.csp-accent-c8b5a0 { accent-color: #c8b5a0; }
.csp-text-c8b8e8 { color: #c8b8e8; }
.csp-background-c8b8e8 { background-color: #c8b8e8; }
.csp-border-c8b8e8 { border-color: #c8b8e8; }
.csp-accent-c8b8e8 { accent-color: #c8b8e8; }
.csp-text-d4a017 { color: #d4a017; }
.csp-background-d4a017 { background-color: #d4a017; }
.csp-border-d4a017 { border-color: #d4a017; }
.csp-accent-d4a017 { accent-color: #d4a017; }
.csp-text-d9cfae { color: #d9cfae; }
.csp-background-d9cfae { background-color: #d9cfae; }
.csp-border-d9cfae { border-color: #d9cfae; }
.csp-accent-d9cfae { accent-color: #d9cfae; }
.csp-text-dbeafe { color: #dbeafe; }
.csp-background-dbeafe { background-color: #dbeafe; }
.csp-border-dbeafe { border-color: #dbeafe; }
.csp-accent-dbeafe { accent-color: #dbeafe; }
.csp-text-dc2626 { color: #dc2626; }
.csp-background-dc2626 { background-color: #dc2626; }
.csp-border-dc2626 { border-color: #dc2626; }
.csp-accent-dc2626 { accent-color: #dc2626; }
.csp-text-ddd { color: #ddd; }
.csp-background-ddd { background-color: #ddd; }
.csp-border-ddd { border-color: #ddd; }
.csp-accent-ddd { accent-color: #ddd; }
.csp-text-ddd6fe { color: #ddd6fe; }
.csp-background-ddd6fe { background-color: #ddd6fe; }
.csp-border-ddd6fe { border-color: #ddd6fe; }
.csp-accent-ddd6fe { accent-color: #ddd6fe; }
.csp-text-e8f0ff { color: #e8f0ff; }
.csp-background-e8f0ff { background-color: #e8f0ff; }
.csp-border-e8f0ff { border-color: #e8f0ff; }
.csp-accent-e8f0ff { accent-color: #e8f0ff; }
.csp-text-ea580c { color: #ea580c; }
.csp-background-ea580c { background-color: #ea580c; }
.csp-border-ea580c { border-color: #ea580c; }
.csp-accent-ea580c { accent-color: #ea580c; }
.csp-text-ec4899 { color: #ec4899; }
.csp-background-ec4899 { background-color: #ec4899; }
.csp-border-ec4899 { border-color: #ec4899; }
.csp-accent-ec4899 { accent-color: #ec4899; }
.csp-text-eee6ff { color: #eee6ff; }
.csp-background-eee6ff { background-color: #eee6ff; }
.csp-border-eee6ff { border-color: #eee6ff; }
.csp-accent-eee6ff { accent-color: #eee6ff; }
.csp-text-ef4444 { color: #ef4444; }
.csp-background-ef4444 { background-color: #ef4444; }
.csp-border-ef4444 { border-color: #ef4444; }
.csp-accent-ef4444 { accent-color: #ef4444; }
.csp-text-eff6ff { color: #eff6ff; }
.csp-background-eff6ff { background-color: #eff6ff; }
.csp-border-eff6ff { border-color: #eff6ff; }
.csp-accent-eff6ff { accent-color: #eff6ff; }
.csp-text-f0f7ec { color: #f0f7ec; }
.csp-background-f0f7ec { background-color: #f0f7ec; }
.csp-border-f0f7ec { border-color: #f0f7ec; }
.csp-accent-f0f7ec { accent-color: #f0f7ec; }
.csp-text-f0f7ff { color: #f0f7ff; }
.csp-background-f0f7ff { background-color: #f0f7ff; }
.csp-border-f0f7ff { border-color: #f0f7ff; }
.csp-accent-f0f7ff { accent-color: #f0f7ff; }
.csp-text-f0fdf4 { color: #f0fdf4; }
.csp-background-f0fdf4 { background-color: #f0fdf4; }
.csp-border-f0fdf4 { border-color: #f0fdf4; }
.csp-accent-f0fdf4 { accent-color: #f0fdf4; }
.csp-text-f4a261 { color: #f4a261; }
.csp-background-f4a261 { background-color: #f4a261; }
.csp-border-f4a261 { border-color: #f4a261; }
.csp-accent-f4a261 { accent-color: #f4a261; }
.csp-text-f59e0b { color: #f59e0b; }
.csp-background-f59e0b { background-color: #f59e0b; }
.csp-border-f59e0b { border-color: #f59e0b; }
.csp-accent-f59e0b { accent-color: #f59e0b; }
.csp-text-f5f3ff { color: #f5f3ff; }
.csp-background-f5f3ff { background-color: #f5f3ff; }
.csp-border-f5f3ff { border-color: #f5f3ff; }
.csp-accent-f5f3ff { accent-color: #f5f3ff; }
.csp-text-f8fafc { color: #f8fafc; }
.csp-background-f8fafc { background-color: #f8fafc; }
.csp-border-f8fafc { border-color: #f8fafc; }
.csp-accent-f8fafc { accent-color: #f8fafc; }
.csp-text-f9a825 { color: #f9a825; }
.csp-background-f9a825 { background-color: #f9a825; }
.csp-border-f9a825 { border-color: #f9a825; }
.csp-accent-f9a825 { accent-color: #f9a825; }
.csp-text-fbf7ef { color: #fbf7ef; }
.csp-background-fbf7ef { background-color: #fbf7ef; }
.csp-border-fbf7ef { border-color: #fbf7ef; }
.csp-accent-fbf7ef { accent-color: #fbf7ef; }
.csp-text-fce7f3 { color: #fce7f3; }
.csp-background-fce7f3 { background-color: #fce7f3; }
.csp-border-fce7f3 { border-color: #fce7f3; }
.csp-accent-fce7f3 { accent-color: #fce7f3; }
.csp-text-fdf4ff { color: #fdf4ff; }
.csp-background-fdf4ff { background-color: #fdf4ff; }
.csp-border-fdf4ff { border-color: #fdf4ff; }
.csp-accent-fdf4ff { accent-color: #fdf4ff; }
.csp-text-fee2e2 { color: #fee2e2; }
.csp-background-fee2e2 { background-color: #fee2e2; }
.csp-border-fee2e2 { border-color: #fee2e2; }
.csp-accent-fee2e2 { accent-color: #fee2e2; }
.csp-text-ffd700 { color: #ffd700; }
.csp-background-ffd700 { background-color: #ffd700; }
.csp-border-ffd700 { border-color: #ffd700; }
.csp-accent-ffd700 { accent-color: #ffd700; }
.csp-text-ffedd5 { color: #ffedd5; }
.csp-background-ffedd5 { background-color: #ffedd5; }
.csp-border-ffedd5 { border-color: #ffedd5; }
.csp-accent-ffedd5 { accent-color: #ffedd5; }
.csp-text-fff { color: #fff; }
.csp-background-fff { background-color: #fff; }
.csp-border-fff { border-color: #fff; }
.csp-accent-fff { accent-color: #fff; }
.csp-text-fff0e6 { color: #fff0e6; }
.csp-background-fff0e6 { background-color: #fff0e6; }
.csp-border-fff0e6 { border-color: #fff0e6; }
.csp-accent-fff0e6 { accent-color: #fff0e6; }
.csp-text-fff5f5 { color: #fff5f5; }
.csp-background-fff5f5 { background-color: #fff5f5; }
.csp-border-fff5f5 { border-color: #fff5f5; }
.csp-accent-fff5f5 { accent-color: #fff5f5; }
.csp-text-fff7ed { color: #fff7ed; }
.csp-background-fff7ed { background-color: #fff7ed; }
.csp-border-fff7ed { border-color: #fff7ed; }
.csp-accent-fff7ed { accent-color: #fff7ed; }
.csp-text-fff8e1 { color: #fff8e1; }
.csp-background-fff8e1 { background-color: #fff8e1; }
.csp-border-fff8e1 { border-color: #fff8e1; }
.csp-accent-fff8e1 { accent-color: #fff8e1; }
.csp-text-fffbeb { color: #fffbeb; }
.csp-background-fffbeb { background-color: #fffbeb; }
.csp-border-fffbeb { border-color: #fffbeb; }
.csp-accent-fffbeb { accent-color: #fffbeb; }
.csp-text-ffffff { color: #ffffff; }
.csp-background-ffffff { background-color: #ffffff; }
.csp-border-ffffff { border-color: #ffffff; }
.csp-accent-ffffff { accent-color: #ffffff; }
.csp-width-pct-0 { width: 0%; }
.csp-left-pct-0 { left: 0%; }
.csp-height-px-0 { height: 0px; }
.csp-width-pct-1 { width: 1%; }
.csp-left-pct-1 { left: 1%; }
.csp-height-px-1 { height: 1px; }
.csp-width-pct-2 { width: 2%; }
.csp-left-pct-2 { left: 2%; }
.csp-height-px-2 { height: 2px; }
.csp-width-pct-3 { width: 3%; }
.csp-left-pct-3 { left: 3%; }
.csp-height-px-3 { height: 3px; }
.csp-width-pct-4 { width: 4%; }
.csp-left-pct-4 { left: 4%; }
.csp-height-px-4 { height: 4px; }
.csp-width-pct-5 { width: 5%; }
.csp-left-pct-5 { left: 5%; }
.csp-height-px-5 { height: 5px; }
.csp-width-pct-6 { width: 6%; }
.csp-left-pct-6 { left: 6%; }
.csp-height-px-6 { height: 6px; }
.csp-width-pct-7 { width: 7%; }
.csp-left-pct-7 { left: 7%; }
.csp-height-px-7 { height: 7px; }
.csp-width-pct-8 { width: 8%; }
.csp-left-pct-8 { left: 8%; }
.csp-height-px-8 { height: 8px; }
.csp-width-pct-9 { width: 9%; }
.csp-left-pct-9 { left: 9%; }
.csp-height-px-9 { height: 9px; }
.csp-width-pct-10 { width: 10%; }
.csp-left-pct-10 { left: 10%; }
.csp-height-px-10 { height: 10px; }
.csp-width-pct-11 { width: 11%; }
.csp-left-pct-11 { left: 11%; }
.csp-height-px-11 { height: 11px; }
.csp-width-pct-12 { width: 12%; }
.csp-left-pct-12 { left: 12%; }
.csp-height-px-12 { height: 12px; }
.csp-width-pct-13 { width: 13%; }
.csp-left-pct-13 { left: 13%; }
.csp-height-px-13 { height: 13px; }
.csp-width-pct-14 { width: 14%; }
.csp-left-pct-14 { left: 14%; }
.csp-height-px-14 { height: 14px; }
.csp-width-pct-15 { width: 15%; }
.csp-left-pct-15 { left: 15%; }
.csp-height-px-15 { height: 15px; }
.csp-width-pct-16 { width: 16%; }
.csp-left-pct-16 { left: 16%; }
.csp-height-px-16 { height: 16px; }
.csp-width-pct-17 { width: 17%; }
.csp-left-pct-17 { left: 17%; }
.csp-height-px-17 { height: 17px; }
.csp-width-pct-18 { width: 18%; }
.csp-left-pct-18 { left: 18%; }
.csp-height-px-18 { height: 18px; }
.csp-width-pct-19 { width: 19%; }
.csp-left-pct-19 { left: 19%; }
.csp-height-px-19 { height: 19px; }
.csp-width-pct-20 { width: 20%; }
.csp-left-pct-20 { left: 20%; }
.csp-height-px-20 { height: 20px; }
.csp-width-pct-21 { width: 21%; }
.csp-left-pct-21 { left: 21%; }
.csp-height-px-21 { height: 21px; }
.csp-width-pct-22 { width: 22%; }
.csp-left-pct-22 { left: 22%; }
.csp-height-px-22 { height: 22px; }
.csp-width-pct-23 { width: 23%; }
.csp-left-pct-23 { left: 23%; }
.csp-height-px-23 { height: 23px; }
.csp-width-pct-24 { width: 24%; }
.csp-left-pct-24 { left: 24%; }
.csp-height-px-24 { height: 24px; }
.csp-width-pct-25 { width: 25%; }
.csp-left-pct-25 { left: 25%; }
.csp-height-px-25 { height: 25px; }
.csp-width-pct-26 { width: 26%; }
.csp-left-pct-26 { left: 26%; }
.csp-height-px-26 { height: 26px; }
.csp-width-pct-27 { width: 27%; }
.csp-left-pct-27 { left: 27%; }
.csp-height-px-27 { height: 27px; }
.csp-width-pct-28 { width: 28%; }
.csp-left-pct-28 { left: 28%; }
.csp-height-px-28 { height: 28px; }
.csp-width-pct-29 { width: 29%; }
.csp-left-pct-29 { left: 29%; }
.csp-height-px-29 { height: 29px; }
.csp-width-pct-30 { width: 30%; }
.csp-left-pct-30 { left: 30%; }
.csp-height-px-30 { height: 30px; }
.csp-width-pct-31 { width: 31%; }
.csp-left-pct-31 { left: 31%; }
.csp-height-px-31 { height: 31px; }
.csp-width-pct-32 { width: 32%; }
.csp-left-pct-32 { left: 32%; }
.csp-height-px-32 { height: 32px; }
.csp-width-pct-33 { width: 33%; }
.csp-left-pct-33 { left: 33%; }
.csp-height-px-33 { height: 33px; }
.csp-width-pct-34 { width: 34%; }
.csp-left-pct-34 { left: 34%; }
.csp-height-px-34 { height: 34px; }
.csp-width-pct-35 { width: 35%; }
.csp-left-pct-35 { left: 35%; }
.csp-height-px-35 { height: 35px; }
.csp-width-pct-36 { width: 36%; }
.csp-left-pct-36 { left: 36%; }
.csp-height-px-36 { height: 36px; }
.csp-width-pct-37 { width: 37%; }
.csp-left-pct-37 { left: 37%; }
.csp-height-px-37 { height: 37px; }
.csp-width-pct-38 { width: 38%; }
.csp-left-pct-38 { left: 38%; }
.csp-height-px-38 { height: 38px; }
.csp-width-pct-39 { width: 39%; }
.csp-left-pct-39 { left: 39%; }
.csp-height-px-39 { height: 39px; }
.csp-width-pct-40 { width: 40%; }
.csp-left-pct-40 { left: 40%; }
.csp-height-px-40 { height: 40px; }
.csp-width-pct-41 { width: 41%; }
.csp-left-pct-41 { left: 41%; }
.csp-height-px-41 { height: 41px; }
.csp-width-pct-42 { width: 42%; }
.csp-left-pct-42 { left: 42%; }
.csp-height-px-42 { height: 42px; }
.csp-width-pct-43 { width: 43%; }
.csp-left-pct-43 { left: 43%; }
.csp-height-px-43 { height: 43px; }
.csp-width-pct-44 { width: 44%; }
.csp-left-pct-44 { left: 44%; }
.csp-height-px-44 { height: 44px; }
.csp-width-pct-45 { width: 45%; }
.csp-left-pct-45 { left: 45%; }
.csp-height-px-45 { height: 45px; }
.csp-width-pct-46 { width: 46%; }
.csp-left-pct-46 { left: 46%; }
.csp-height-px-46 { height: 46px; }
.csp-width-pct-47 { width: 47%; }
.csp-left-pct-47 { left: 47%; }
.csp-height-px-47 { height: 47px; }
.csp-width-pct-48 { width: 48%; }
.csp-left-pct-48 { left: 48%; }
.csp-height-px-48 { height: 48px; }
.csp-width-pct-49 { width: 49%; }
.csp-left-pct-49 { left: 49%; }
.csp-height-px-49 { height: 49px; }
.csp-width-pct-50 { width: 50%; }
.csp-left-pct-50 { left: 50%; }
.csp-height-px-50 { height: 50px; }
.csp-width-pct-51 { width: 51%; }
.csp-left-pct-51 { left: 51%; }
.csp-height-px-51 { height: 51px; }
.csp-width-pct-52 { width: 52%; }
.csp-left-pct-52 { left: 52%; }
.csp-height-px-52 { height: 52px; }
.csp-width-pct-53 { width: 53%; }
.csp-left-pct-53 { left: 53%; }
.csp-height-px-53 { height: 53px; }
.csp-width-pct-54 { width: 54%; }
.csp-left-pct-54 { left: 54%; }
.csp-height-px-54 { height: 54px; }
.csp-width-pct-55 { width: 55%; }
.csp-left-pct-55 { left: 55%; }
.csp-height-px-55 { height: 55px; }
.csp-width-pct-56 { width: 56%; }
.csp-left-pct-56 { left: 56%; }
.csp-height-px-56 { height: 56px; }
.csp-width-pct-57 { width: 57%; }
.csp-left-pct-57 { left: 57%; }
.csp-height-px-57 { height: 57px; }
.csp-width-pct-58 { width: 58%; }
.csp-left-pct-58 { left: 58%; }
.csp-height-px-58 { height: 58px; }
.csp-width-pct-59 { width: 59%; }
.csp-left-pct-59 { left: 59%; }
.csp-height-px-59 { height: 59px; }
.csp-width-pct-60 { width: 60%; }
.csp-left-pct-60 { left: 60%; }
.csp-height-px-60 { height: 60px; }
.csp-width-pct-61 { width: 61%; }
.csp-left-pct-61 { left: 61%; }
.csp-height-px-61 { height: 61px; }
.csp-width-pct-62 { width: 62%; }
.csp-left-pct-62 { left: 62%; }
.csp-height-px-62 { height: 62px; }
.csp-width-pct-63 { width: 63%; }
.csp-left-pct-63 { left: 63%; }
.csp-height-px-63 { height: 63px; }
.csp-width-pct-64 { width: 64%; }
.csp-left-pct-64 { left: 64%; }
.csp-height-px-64 { height: 64px; }
.csp-width-pct-65 { width: 65%; }
.csp-left-pct-65 { left: 65%; }
.csp-height-px-65 { height: 65px; }
.csp-width-pct-66 { width: 66%; }
.csp-left-pct-66 { left: 66%; }
.csp-height-px-66 { height: 66px; }
.csp-width-pct-67 { width: 67%; }
.csp-left-pct-67 { left: 67%; }
.csp-height-px-67 { height: 67px; }
.csp-width-pct-68 { width: 68%; }
.csp-left-pct-68 { left: 68%; }
.csp-height-px-68 { height: 68px; }
.csp-width-pct-69 { width: 69%; }
.csp-left-pct-69 { left: 69%; }
.csp-height-px-69 { height: 69px; }
.csp-width-pct-70 { width: 70%; }
.csp-left-pct-70 { left: 70%; }
.csp-height-px-70 { height: 70px; }
.csp-width-pct-71 { width: 71%; }
.csp-left-pct-71 { left: 71%; }
.csp-height-px-71 { height: 71px; }
.csp-width-pct-72 { width: 72%; }
.csp-left-pct-72 { left: 72%; }
.csp-height-px-72 { height: 72px; }
.csp-width-pct-73 { width: 73%; }
.csp-left-pct-73 { left: 73%; }
.csp-height-px-73 { height: 73px; }
.csp-width-pct-74 { width: 74%; }
.csp-left-pct-74 { left: 74%; }
.csp-height-px-74 { height: 74px; }
.csp-width-pct-75 { width: 75%; }
.csp-left-pct-75 { left: 75%; }
.csp-height-px-75 { height: 75px; }
.csp-width-pct-76 { width: 76%; }
.csp-left-pct-76 { left: 76%; }
.csp-height-px-76 { height: 76px; }
.csp-width-pct-77 { width: 77%; }
.csp-left-pct-77 { left: 77%; }
.csp-height-px-77 { height: 77px; }
.csp-width-pct-78 { width: 78%; }
.csp-left-pct-78 { left: 78%; }
.csp-height-px-78 { height: 78px; }
.csp-width-pct-79 { width: 79%; }
.csp-left-pct-79 { left: 79%; }
.csp-height-px-79 { height: 79px; }
.csp-width-pct-80 { width: 80%; }
.csp-left-pct-80 { left: 80%; }
.csp-height-px-80 { height: 80px; }
.csp-width-pct-81 { width: 81%; }
.csp-left-pct-81 { left: 81%; }
.csp-height-px-81 { height: 81px; }
.csp-width-pct-82 { width: 82%; }
.csp-left-pct-82 { left: 82%; }
.csp-height-px-82 { height: 82px; }
.csp-width-pct-83 { width: 83%; }
.csp-left-pct-83 { left: 83%; }
.csp-height-px-83 { height: 83px; }
.csp-width-pct-84 { width: 84%; }
.csp-left-pct-84 { left: 84%; }
.csp-height-px-84 { height: 84px; }
.csp-width-pct-85 { width: 85%; }
.csp-left-pct-85 { left: 85%; }
.csp-height-px-85 { height: 85px; }
.csp-width-pct-86 { width: 86%; }
.csp-left-pct-86 { left: 86%; }
.csp-height-px-86 { height: 86px; }
.csp-width-pct-87 { width: 87%; }
.csp-left-pct-87 { left: 87%; }
.csp-height-px-87 { height: 87px; }
.csp-width-pct-88 { width: 88%; }
.csp-left-pct-88 { left: 88%; }
.csp-height-px-88 { height: 88px; }
.csp-width-pct-89 { width: 89%; }
.csp-left-pct-89 { left: 89%; }
.csp-height-px-89 { height: 89px; }
.csp-width-pct-90 { width: 90%; }
.csp-left-pct-90 { left: 90%; }
.csp-height-px-90 { height: 90px; }
.csp-width-pct-91 { width: 91%; }
.csp-left-pct-91 { left: 91%; }
.csp-height-px-91 { height: 91px; }
.csp-width-pct-92 { width: 92%; }
.csp-left-pct-92 { left: 92%; }
.csp-height-px-92 { height: 92px; }
.csp-width-pct-93 { width: 93%; }
.csp-left-pct-93 { left: 93%; }
.csp-height-px-93 { height: 93px; }
.csp-width-pct-94 { width: 94%; }
.csp-left-pct-94 { left: 94%; }
.csp-height-px-94 { height: 94px; }
.csp-width-pct-95 { width: 95%; }
.csp-left-pct-95 { left: 95%; }
.csp-height-px-95 { height: 95px; }
.csp-width-pct-96 { width: 96%; }
.csp-left-pct-96 { left: 96%; }
.csp-height-px-96 { height: 96px; }
.csp-width-pct-97 { width: 97%; }
.csp-left-pct-97 { left: 97%; }
.csp-height-px-97 { height: 97px; }
.csp-width-pct-98 { width: 98%; }
.csp-left-pct-98 { left: 98%; }
.csp-height-px-98 { height: 98px; }
.csp-width-pct-99 { width: 99%; }
.csp-left-pct-99 { left: 99%; }
.csp-height-px-99 { height: 99px; }
.csp-width-pct-100 { width: 100%; }
.csp-left-pct-100 { left: 100%; }
.csp-height-px-100 { height: 100px; }
/* State classes replace runtime inline style mutations. */
.csp-style-086.is-visible,
.csp-style-087.is-visible { display: block; }

.wheel-responsive {
  display: block;
  height: auto;
  margin: 0 auto;
  max-width: 660px;
}

.csp-font-semibold { font-weight: 600; }
.csp-font-bold { font-weight: 700; }
.csp-margin-bottom-sm { margin-bottom: .4rem; }
.csp-margin-zero { margin: 0; }
.csp-heading-flush { margin: 0 0 1rem; }
.csp-timeline-segment {
  border-radius: 3px;
  height: 100%;
  position: absolute;
}
.csp-current-segment { box-shadow: 0 0 0 2px #fff, 0 0 0 4px currentcolor; }
.csp-today-marker {
  background: #ef4444;
  bottom: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 2px;
  z-index: 10;
}
.csp-current-overlap { box-shadow: 0 0 0 2px #831843; }

.feature-remarkable { border-left-color: #ffd700; background: #fffbeb; }
.feature-notable { border-left-color: #f59e0b; background: #fff7ed; }
.feature-subtle { border-left-color: #94a3b8; background: #f8fafc; }
.feature-label-remarkable { color: #92400e; }
.feature-label-notable { color: #9a3412; }
.feature-label-subtle { color: #334155; }
.element-fire, .modality-fixed { background: #f59e0b; }
.element-earth, .modality-mutable { background: #10b981; }
.element-air { background: #3b82f6; }
.element-water { background: #8b5cf6; }
.modality-cardinal { background: #ef4444; }
.aspect-tense { background: #fee2e2; color: #991b1b; }
.aspect-flowing { background: #dbeafe; color: #1e40af; }
.planet-sun { border-left-color: #f59e0b; }
.planet-moon { border-left-color: #8b5cf6; }
.planet-mercury { border-left-color: #10b981; }
.planet-venus { border-left-color: #ec4899; }
.planet-mars { border-left-color: #ef4444; }
.planet-jupiter, .planet-saturn, .planet-uranus, .planet-neptune, .planet-pluto, .planet-chiron { border-left-color: #6366f1; }
.aspect-card-square, .aspect-card-opposition,
.aspect-interpretation-square, .aspect-interpretation-opposition { border-left-color: #ef4444; }
.aspect-card-conjunction, .aspect-interpretation-conjunction { border-left-color: #ec4899; }
.aspect-card-trine, .aspect-card-sextile,
.aspect-interpretation-trine, .aspect-interpretation-sextile { border-left-color: #3b82f6; }
.aspect-badge-conjunction { background: #fce7f3; color: #831843; }
.aspect-badge-square, .aspect-badge-opposition { background: #fee2e2; color: #991b1b; }
.aspect-badge-trine, .aspect-badge-sextile { background: #dbeafe; color: #1e40af; }
.sky-aspect-easy { background: #f0f7ff; }
.sky-aspect-tense { background: #fff5f5; }
.sky-aspect-neutral { background: #fdf4ff; }
.timeline-marker-conjunction, .timeline-marker-opposition { background: #dc2626; }
.timeline-marker-square { background: #ea580c; }
.timeline-marker-trine, .timeline-marker-sextile { background: #2563eb; }
.timeline-badge-conjunction, .timeline-badge-opposition { background: #fee2e2; color: #991b1b; }
.timeline-badge-square { background: #ffedd5; color: #9a3412; }
.timeline-badge-trine, .timeline-badge-sextile { background: #dbeafe; color: #1e40af; }
.timeline-interp-conjunction, .timeline-interp-opposition { border-left-color: #dc2626; }
.timeline-interp-square { border-left-color: #ea580c; }
.timeline-interp-trine, .timeline-interp-sextile { border-left-color: #2563eb; }