.droplet-balance-badge{border:1px solid var(--neutral-alpha-medium);background:linear-gradient(180deg, var(--surface), var(--neutral-background-strong));box-shadow:inset 0 1px 0 var(--neutral-alpha-weak);color:var(--neutral-on-background-strong);border-radius:999px;align-items:center;gap:.45rem;padding:.36rem .72rem .36rem .44rem;text-decoration:none;display:inline-flex}.droplet-balance-badge--interactive{cursor:pointer;transition:transform .2s,box-shadow .2s,border-color .2s}.droplet-balance-badge--interactive:hover{border-color:var(--brand-alpha-medium);box-shadow:inset 0 1px 0 var(--neutral-alpha-weak),0 8px 18px -14px var(--brand-alpha-strong);transform:translateY(-1px)}.droplet-balance-badge--interactive:focus-visible{outline:2px solid var(--brand-solid-medium);outline-offset:2px}.droplet-balance-badge__icon-shell{border:1px solid var(--brand-alpha-medium);background:var(--brand-alpha-weak);border-radius:999px;flex-shrink:0;place-items:center;width:1.5rem;height:1.5rem;display:grid;overflow:hidden}.droplet-balance-badge__icon{object-fit:cover;transform-origin:50%;width:100%;height:100%;display:block;transform:scale(1.45)}.droplet-balance-badge__value{white-space:nowrap;font-size:.9rem;font-weight:700;line-height:1}