/* First paint defensive bounds for the canonical Hiro Coin component.
   This stylesheet is loaded in <head> before any wallet JS runs. */
.hc-header-wallet .hc-wallet-coin,.hc-header-wallet .hc-wallet-coin img{
  display:block;width:32px;height:32px;max-width:32px;max-height:32px;
  aspect-ratio:1/1;object-fit:contain;flex:0 0 32px;
}
.hc-header-wallet .hc-wallet-button{
  display:inline-flex;align-items:center;justify-content:center;
  width:auto;max-width:100%;min-height:36px;
}
.hc-modal-backdrop[hidden]{display:none!important}
.hc-modal-backdrop .hc-modal-coin{
  display:block;width:60px;height:60px;max-width:60px;max-height:60px;
  aspect-ratio:1/1;object-fit:contain;
}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="light"]{color-scheme:light}
