[data-demo-style="0"] {stop-color: var(--d-sky-1)}
[data-demo-style="1"] {stop-color: var(--d-sky-2)}
[data-demo-style="2"] {stop-color: var(--d-pv-0)}
[data-demo-style="3"] {stop-color: var(--d-pv-1)}
[data-demo-style="4"] {stop-color: var(--d-pv-2)}
[data-demo-style="5"] {fill: var(--d-r3b)}
[data-demo-style="6"] {fill: var(--d-post)}
[data-demo-style="7"] {fill: var(--d-r4b)}
[data-demo-style="8"] {fill: var(--d-sheep)}
[data-demo-style="9"] {margin-top: 1.6rem}
[data-demo-style="10"] {margin-top: 0.6rem}
[data-demo-style="11"] {background: color-mix(in srgb, var(--bg) 40%, var(--stx-color-subtle))}
[data-demo-style="12"] {padding-top: 0}
[data-demo-style="13"] {stop-color: var(--v-sky-0); stop-opacity: 0}
[data-demo-style="14"] {stop-color: var(--v-sky-0)}
[data-demo-style="15"] {stop-color: var(--v-sky-1)}
[data-demo-style="16"] {stop-color: var(--v-sun)}
[data-demo-style="17"] {stop-color: var(--v-sun); stop-opacity: 0.35}
[data-demo-style="18"] {stop-color: var(--v-sun); stop-opacity: 0}
[data-demo-style="19"] {stop-color: var(--v-pv-0)}
[data-demo-style="20"] {stop-color: var(--v-pv-1)}
[data-demo-style="21"] {fill: var(--v-sun)}
[data-demo-style="22"] {fill: var(--v-cloud)}
[data-demo-style="23"] {stroke: var(--v-bird)}
[data-demo-style="24"] {fill: var(--v-hill-0)}
[data-demo-style="25"] {fill: var(--v-hill-a)}
[data-demo-style="26"] {fill: var(--v-hill-b)}
[data-demo-style="27"] {fill: var(--v-wall)}
[data-demo-style="28"] {fill: var(--v-wall-sh)}
[data-demo-style="29"] {fill: var(--v-door)}
[data-demo-style="30"] {fill: var(--v-win)}
[data-demo-style="31"] {fill: var(--v-roof)}
[data-demo-style="32"] {fill: var(--v-trunk)}
[data-demo-style="33"] {fill: var(--v-tree)}
[data-demo-style="34"] {fill: var(--v-tree-hi)}
[data-demo-style="35"] {fill: var(--v-sheep)}
[data-demo-style="36"] {fill: var(--v-sheep-head)}
[data-demo-style="37"] {stroke: var(--v-path)}
[data-demo-style="38"] {fill: var(--v-hill-c)}
[data-demo-style="39"] {--r: -1.2deg}
[data-demo-style="40"] {--r: 1deg}
[data-demo-style="41"] {--r: -0.6deg}
[data-demo-style="42"] {margin-top: 1rem}
[data-demo-style="43"] {fill: var(--g-pink)}
[data-demo-style="44"] {fill: var(--g-paper)}
[data-demo-style="45"] {fill: var(--g-lime)}
[data-demo-style="46"] {fill: var(--g-blue)}
[data-demo-style="47"] {fill: var(--g-ink)}
[data-demo-style="48"] {fill: none; stroke: var(--g-paper); stroke-width: 10}
[data-demo-style="49"] {fill: none; stroke: var(--g-lime); stroke-width: 10}
[data-demo-style="50"] {fill: var(--g-lime); stroke: var(--g-ink); stroke-width: 12}
[data-demo-style="51"] {margin: 0}
[data-demo-style="52"] {margin-top: clamp(3rem, 6vw, 5rem)}
[data-demo-style="53"] {max-width: 44rem}