.droplet-balance-badge{display:inline-flex;align-items:center;gap:.45rem;padding:.36rem .72rem .36rem .44rem;border-radius:999px;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);text-decoration:none}.droplet-balance-badge--interactive{cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.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{display:grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;border:1px solid var(--brand-alpha-medium);background:var(--brand-alpha-weak);overflow:hidden;flex-shrink:0}.droplet-balance-badge__icon{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.45);transform-origin:center}.droplet-balance-badge__value{font-size:.9rem;font-weight:700;line-height:1;white-space:nowrap}