/* Generated by tools/anatomy/iv-drip/build.mjs — drip figure details (tokens in anatomy-sims.css). */
/* Drip figure details; tokens, corners and chips live in ../sim-skin.css. */
.dr { --dr-fluid-top: #e4e0f5; --dr-fluid-0: #c6bfe8; --dr-fluid-1: #d0caec; --dr-fluid-2: #d9d4f0; --dr-fluid-3: #e2def4; --dr-glass: #f6f5fb; }

/* Solution: a pale tint of the brand lavender, darker away from the light. */
.dr .dr-fluid > .iso-fill { fill: var(--dr-fluid-2); }
.dr .dr-fluid > .iso-top { fill: var(--dr-fluid-top); }
.dr .dr-fluid > .iso-shade[data-shade="0"] { fill: var(--dr-fluid-0); }
.dr .dr-fluid > .iso-shade[data-shade="1"] { fill: var(--dr-fluid-1); }
.dr .dr-fluid > .iso-shade[data-shade="2"] { fill: var(--dr-fluid-2); }
.dr .dr-fluid > .iso-shade[data-shade="3"] { fill: var(--dr-fluid-3); }
.dr .dr-fluid > .iso-edge, .dr .dr-fluid > .iso-crease { stroke: var(--anatomy-lit); stroke-opacity: .5; }
.dr .dr-film > .iso-fill, .dr .dr-film > .iso-top, .dr .dr-film > .iso-shade { fill: #fbfbfd; }
.dr .dr-glass > .iso-fill, .dr .dr-glass > .iso-top, .dr .dr-glass > .iso-shade { fill: var(--dr-glass); }
.dr .dr-glass > .iso-edge { stroke: var(--anatomy-mid); }
.dr .dr-half { stroke-dasharray: 1.6 1.4; }
.dr .dr-paper > .iso-fill, .dr .dr-paper > .iso-top, .dr .dr-paper > .iso-shade { fill: #fdfdfe; }
.dr .dr-order { stroke-width: 1.2; }
.dr .dr-sector { stroke-dasharray: 1.2 1.4; }
.dr .dr-wire { fill: none; stroke: var(--anatomy-hi); stroke-width: 1; stroke-linecap: round; stroke-linejoin: round; }
.dr .dr-drop { fill: var(--anatomy-lit); }
.dr .dr-stream { fill: none; stroke: var(--anatomy-lit); stroke-width: 1.6; stroke-linecap: round; transition: opacity .2s; }

/* The line turns tinted as the solution reaches each piece. */
.dr .dr-line .tb-body { transition: fill .18s; }
.dr .dr-line.is-wet .tb-body { fill: var(--dr-fluid-1); }
.dr .dr-line.is-wet .tb-shine { fill: var(--dr-fluid-top); }
.dr .dr-line.is-wet .tb-shade { fill: var(--dr-fluid-0); }