/* GENERATED by scripts/light-theme.mjs from /styles/how-cards.css: do not edit (fixes go in /styles/light-fixes.css). */
html.lt .hw { background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.072); color: #1d1d1f
}
html.lt .hw-sd {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.122), 0 8px 16px -4px rgba(0, 0, 0, 0.105), 0 24px 48px -8px rgba(0, 0, 0, 0.158), 0 48px 96px -24px rgba(0, 0, 0, 0.14)
}
html.lt .hw-dt { background: #6e6e73
}
html.lt .hw .hw-dl { background: #ff6a1a
}
html.lt .hw-sw > span + span { color: #1d1d1f
}
html.lt .hw-pn { background: #f5f5f7; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.045)
}
html.lt .hw-dv { background: rgba(0, 0, 0, 0.072)
}
html.lt .hw-fn > span:first-child { color: #424245
}
html.lt .hw-rl > span + span { color: #1d1d1f
}
html.lt .hw-ck li { color: #1d1d1f
}
html.lt .hw-ic > i { background: #aeaeb2
}
html.lt .hw-sp { color: #6e6e73
}
html.lt .hw-tk { color: #1d1d1f
}
html.lt .hw .pm-ax { background: rgba(0, 0, 0, 0.09)
}
html.lt .hw .pm-q { background: rgba(0, 0, 0, 0.036)
}
html.lt .pm-l { background: #f5f5f7
}
html.lt .hw .pm-d { background: #c7c7cc
}
html.lt .hw .pm-me > i { background: #1d1d1f
}
html.lt .hw .pm-me > b { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.54)
}
html.lt .bd-ph { background: #ededf0; box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.09)
}
html.lt .hw .bd-sp { background: #ffffff
}
html.lt .bd-scr { background: #fbfbfd
}
html.lt .hw .bd-img { background: #e8e8ed
}
html.lt .hw .bd-img > i { background: #d2d2d7
}
html.lt .hw .bd-bar { background: rgba(0, 0, 0, 0.72)
}
html.lt .hw .bd-dim { background: rgba(0, 0, 0, 0.252)
}
html.lt .hw .bd-btn { background: #1d1d1f
}
html.lt .hw .bd-st i { background: rgba(0, 0, 0, 0.495)
}
html.lt .hw .bd-faq i { box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.072)
}
html.lt .ab-v { background: #ededf0;
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.054)
}
html.lt .ab-vb > span:first-child { color: #1d1d1f
}
html.lt .hw .ab-cols i { background: #aeaeb2
}
html.lt .hw .ab-vb .ab-cols i { background: rgba(0, 0, 0, 0.81)
}
html.lt .ab-ring { box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.63)
}
html.lt .ab-wk { background: #1d1d1f; color: #ffffff
}
html.lt .hw .ab-lg i { background: #aeaeb2
}
html.lt .hw .ab-lg > span + span i { background: #1d1d1f
}
html.lt .hw .ab-ch > i { background: rgba(0, 0, 0, 0.054)
}
html.lt .ab-la { stroke: #aeaeb2
}
html.lt .ab-lb { stroke: #1d1d1f
}
html.lt .ab-e { background: #aeaeb2
}
html.lt .ab-eb { background: #1d1d1f
}