/* Generated by tools/anatomy/espresso/build.mjs — espresso figure details (tokens in anatomy-sims.css). */
/* Espresso figure details; tokens, corners and chips live in ../sim-skin.css. */
.es { --es-coffee: #4a3a33; --es-crema: #b88d62; --es-grounds: #8a7466; --es-puck: #6f5b50; }

.es .es-band { fill: none; stroke: var(--anatomy-lit); stroke-width: 1.6; stroke-linecap: round; opacity: .55; }
.es .es-display { fill: var(--anatomy-hi); }
.es .es-cup > .iso-fill, .es .es-cup > .iso-top, .es .es-cup > .iso-shade { fill: #fbfbfd; }
.es .es-cup-in { fill: #e9e7ef; }
.es .es-handle { fill: none; stroke: var(--anatomy-hi); stroke-width: 1.4; stroke-linecap: round; }
.es .es-coffee { fill: var(--es-crema); stroke: var(--es-coffee); stroke-width: .5; transition: opacity .2s; }
.es .es-pour { fill: none; stroke: var(--es-coffee); stroke-width: 1.1; stroke-linecap: round; transition: opacity .2s; }
.es .es-dose { fill: none; stroke: var(--es-grounds); stroke-width: 2.2; stroke-linecap: round; stroke-dasharray: 1.2 1.6; transition: opacity .15s; }
.es .es-basket { fill: #e4e2ea; }
.es .es-hopper > .iso-fill, .es .es-hopper > .iso-top, .es .es-hopper > .iso-shade { fill: #f1eff7; }
.es .es-grounds > .iso-fill, .es .es-grounds > .iso-shade { fill: var(--es-grounds); }
.es .es-grounds > .iso-top { fill: #a28e80; }
.es .es-puck > .iso-fill, .es .es-puck > .iso-shade { fill: var(--es-puck); }
.es .es-puck > .iso-top { fill: #85706a; }
.es .es-grounds > .iso-edge, .es .es-puck > .iso-edge { stroke: var(--es-coffee); }
.es .es-button .iso-fill, .es .es-button .iso-top, .es .es-button .iso-shade { transition: fill .2s; }
.es .es-button.is-on .iso-fill, .es .es-button.is-on .iso-top, .es .es-button.is-on .iso-shade { fill: #8f84d8; }

/* Grind chips sit on their own row under the steps. */
.es-grinds { align-items: center; }
.es-grinds-label { margin-right: 4px; font-size: .875rem; color: rgba(23, 21, 30, 0.55); }