/* The piece picker (`mountPiecePicker`, piece-picker.js): the inline surface of picker.css with bills and coins as the wallet draws them, pressed to pick them, a total and the presets under them. */
.piece-picker .picker-items { align-items: center; gap: 10px; }
.piece-picker-wrap { display: contents; }
.piece-picker-piece { display: grid; place-items: center; min-width: 60px; min-height: 60px; padding: 6px; border: var(--border-width) solid transparent; border-radius: var(--radius); background: transparent; box-shadow: none; }
.piece-picker-piece.is-bill { padding: 6px 10px; }
.piece-picker-piece .bouzopp-coin { width: calc(44px * var(--piece-size, 1)); height: calc(44px * var(--piece-size, 1)); }
.piece-picker-piece .bouzopp-bill { zoom: calc(.8 * var(--piece-size, 1)); }
.piece-picker-piece:hover { background: var(--bg-subtle); transform: translateY(-3px); }
.piece-picker-piece[aria-pressed="true"] { border-color: var(--ink-border); background: var(--pastel-yellow); box-shadow: var(--shadow-sm); }
.piece-picker-piece:active { transform: translateY(0); }
.piece-picker-piece:disabled { opacity: .45; cursor: default; transform: none; }
.piece-picker-piece:focus-visible { outline: 3px solid #8e6bd8; outline-offset: 2px; }
.piece-picker.is-full .piece-picker-piece[aria-pressed="false"]:not(:disabled) { opacity: .55; }
.piece-picker .picker-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }
.piece-picker-total { margin: 0; font-size: .86rem; font-weight: 800; }
.piece-picker-total.is-met { color: var(--success); }
.piece-picker-presets { display: flex; flex-wrap: wrap; gap: 8px; }
.piece-picker-presets button { padding: 6px 12px; font-size: .74rem; }