@layer components{.header-wallet-controls{--header-wallet-balance-fill:var(--button-tonal-btn-fill-default,#0505050d);--header-wallet-balance-text:var(--button-tonal-btn-text,#050505);--header-wallet-balance-skeleton-fill:var(--black-5);--header-wallet-balance-skeleton-highlight:var(--black-10);--header-wallet-focus:var(--orange-70);justify-content:flex-end;align-items:center;gap:var(--space-8);min-width:0;display:inline-flex}.dark .header-wallet-controls{--header-wallet-balance-fill:var(--button-tonal-btn-fill-default,#fafafa1a);--header-wallet-balance-text:var(--button-tonal-btn-text,#fafafa);--header-wallet-balance-skeleton-fill:var(--white-10);--header-wallet-balance-skeleton-highlight:var(--white-20)}.header-wallet-controls__balance{min-height:var(--size-32);border-radius:var(--radius-full);padding:var(--space-6) var(--space-12);font-family:var(--font-main), serif;font-size:var(--fs-14);font-weight:var(--fw-medium);line-height:var(--lh-20);letter-spacing:var(--ls-0);white-space:nowrap;max-width:var(--size-160);justify-content:center;align-items:center;gap:var(--space-6);background:var(--header-wallet-balance-fill);color:var(--header-wallet-balance-text);cursor:pointer;text-overflow:ellipsis;border:none;display:inline-flex;overflow:hidden}.header-wallet-controls__balance:focus-visible{outline:var(--size-1) solid var(--header-wallet-focus);outline-offset:var(--space-2)}.header-wallet-controls__balance[data-loading=true]{width:var(--size-48);background:linear-gradient(90deg, var(--header-wallet-balance-skeleton-fill), var(--header-wallet-balance-skeleton-highlight), var(--header-wallet-balance-skeleton-fill));background-size:200% 100%;border-color:#0000;padding-inline:0;animation:1.6s ease-in-out infinite header-wallet-balance-shimmer}@media (max-width:560px){.header-wallet-controls{gap:var(--space-4)}.header-wallet-controls__balance{padding:var(--space-4) var(--space-10);font-size:var(--fs-13);max-width:var(--size-140)}}@media (prefers-reduced-motion:reduce){.header-wallet-controls__balance[data-loading=true]{animation:none}}@keyframes header-wallet-balance-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}}