.pay-mark{display:inline-flex;align-items:center;gap:6px;min-height:28px;padding:3px 11px 3px 8px;border:1.5px solid var(--hair);border-radius:999px;background:var(--raised);color:var(--ink);font-size:13px;font-weight:600;line-height:1.2;white-space:nowrap;font-variant-numeric:tabular-nums}.pay-glyph{flex:none}.pay-mark-amt{font-weight:500;opacity:.85}.pay-mark.is-open{color:var(--muted)}.pay-mark.is-open .pay-mark-text{color:var(--ink)}.pay-mark.is-asked,.pay-mark.is-paying{border-color:var(--slow);background:var(--slow-wash);color:var(--slow)}.pay-mark.is-asked .pay-mark-text,.pay-mark.is-paying .pay-mark-text{color:var(--ink)}.pay-mark.is-part{border-color:var(--slow);background:linear-gradient(90deg,var(--fast-wash) 0 50%,var(--slow-wash) 50% 100%);color:var(--slow)}.pay-mark.is-part .pay-mark-text{color:var(--ink)}.pay-mark.is-paid{--pay-on: var(--on-fast);border-color:transparent;background:var(--fast);color:var(--on-fast)}.pay-mark.is-mealpass{border-color:var(--fast);background:var(--fast-wash);color:var(--fast)}.pay-mark.is-compact{min-height:22px;padding:1px 8px 1px 5px;font-size:12px;gap:4px}.pay-mark.is-paying .pay-glyph{animation:pay-turn 2.4s linear infinite}@keyframes pay-turn{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.pay-mark.is-paying .pay-glyph{animation:none}}