.os-bal{gap:12px;box-sizing:border-box;min-height:68px;padding:12px 8px 12px 14px;border-radius:var(--os-radius-inner);background:var(--os-accent-wash);box-shadow:inset 0 0 0 1px var(--os-accent-ring);color:var(--os-text-1);font-family:var(--os-font)}.os-bal,.os-bal__disc{display:flex;align-items:center}.os-bal__disc{flex:none;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--os-accent-50);color:var(--os-accent-deep)}.os-bal__coin{flex:none;width:18px;height:18px}.os-bal__main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.os-bal__label{font:400 13px/18px var(--os-font);color:var(--os-text-3);white-space:nowrap}.os-bal__row{display:flex;align-items:baseline;min-width:0}.os-bal__figure{font:600 28px/32px var(--os-font);letter-spacing:-.02em;color:var(--os-text-1);font-variant-numeric:tabular-nums}.os-bal__low{align-self:center;height:22px;margin-left:8px;padding:0 8px;border-radius:999px;background:var(--os-accent-50);font:600 12px/22px var(--os-font);color:var(--os-accent-deep);white-space:nowrap}.os-bal__low,.os-bal__refresh{display:inline-flex;align-items:center}.os-bal__refresh{position:relative;flex:none;justify-content:center;width:44px;height:44px;min-height:0;margin:0;padding:0;border:0;border-radius:50%;background:none;color:var(--os-text-4);cursor:pointer;-webkit-tap-highlight-color:transparent}.os-bal__refresh svg{width:16px;height:16px}.os-bal__refresh:active{opacity:.6}.os-bal__add:focus-visible,.os-bal__refresh:focus-visible{outline:2px solid var(--os-accent-deep);outline-offset:-2px}.os-bal[data-state=low] .os-bal__figure{color:var(--os-accent-deep)}.os-bal[data-state=error]{background:var(--os-surface);box-shadow:inset 0 0 0 1px var(--os-hair)}.os-bal[data-state=error] .os-bal__disc{background:var(--os-fill);color:var(--os-danger)}.os-bal[data-state=error] .os-bal__figure{font:500 15px/20px var(--os-font);letter-spacing:0}.os-bal[data-state=error] .os-bal__refresh{color:var(--os-text-2)}.os-bal[data-state=signed-out]{background:var(--os-fill);box-shadow:none}.os-bal[data-state=signed-out] .os-bal__disc{background:var(--os-surface);color:var(--os-text-4)}.os-bal[data-state=signed-out] .os-bal__figure{font:400 15px/20px var(--os-font);letter-spacing:0;color:var(--os-text-2)}.os-bal__skeleton{display:block;border-radius:6px;background:var(--os-accent-50)}.os-bal__skeleton--figure{width:72px;height:22px;margin:5px 0}.os-bal__skeleton--label{width:48px;height:10px;margin:4px 0;border-radius:4px}@media (prefers-reduced-motion:no-preference){.os-bal__skeleton{animation:os-bal-pulse 1.4s ease-in-out infinite}}@keyframes os-bal-pulse{50%{opacity:.55}}.os-bal-wrap{flex-direction:column;align-items:flex-start;gap:6px}.os-bal--capsule,.os-bal-wrap{display:inline-flex;max-width:100%}.os-bal--capsule{gap:0;min-height:0;height:40px;padding:0;border-radius:999px}.os-bal--capsule .os-bal__main{flex:none;flex-direction:row;align-items:center;gap:6px;padding:0 12px 0 14px}.os-bal--capsule:not(:has(.os-bal__add)) .os-bal__main{padding-right:14px}.os-bal--capsule .os-bal__coin{width:16px;height:16px;color:var(--os-accent-deep)}.os-bal--capsule .os-bal__figure{font:600 17px/40px var(--os-font);letter-spacing:-.01em}.os-bal--capsule .os-bal__label{font:400 13px/40px var(--os-font);color:var(--os-text-2)}.os-bal__add{position:relative;display:inline-flex;align-items:center;gap:4px;height:40px;min-height:0;margin:0;padding:0 16px 0 12px;border:0;border-left:1px solid var(--os-accent-ring);border-radius:0 999px 999px 0;background:none;color:var(--os-accent-deep);font:600 14px/20px var(--os-font);white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent}.os-bal__add:after{content:"";position:absolute;inset:-2px 0}.os-bal__add svg{width:14px;height:14px}.os-bal__add:active{opacity:.6}.os-bal--capsule[data-state=error] .os-bal__coin{color:var(--os-danger)}.os-bal--capsule[data-state=error] .os-bal__figure{font:500 14px/40px var(--os-font)}.os-bal--capsule[data-state=error] .os-bal__add{border-left-color:var(--os-hair);color:var(--os-text-1)}.os-bal--capsule .os-bal__skeleton--figure{width:32px;height:14px;margin:0;border-radius:5px}.os-bal__need{margin:0 0 0 14px;font:400 13px/18px var(--os-font);color:var(--os-accent-deep);font-variant-numeric:tabular-nums}