:root {
  scroll-padding-block-start: 3.4rem;
}

.floating-treasury {
  position: fixed;
  inset-block-start: 0;
  inset-inline-end: 0;
  z-index: 15;
  display: flex;
  justify-content: flex-end;
  padding: max(6px, env(safe-area-inset-top)) max(12px, env(safe-area-inset-right)) 6px;
  background: transparent;
  pointer-events: none;
}

body {
  padding-block-start: 3.4rem;
}

.floating-treasury__badge {
  display: flex;
  align-items: center;
  gap: 7px;
  min-inline-size: 0;
  padding: 5px 10px;
  color: #fff2cf;
  background: #0a303b;
  border: 1px solid #edbf65;
  border-radius: 999px;
  box-shadow: 0 3px 14px #041822a8;
  font: 700 clamp(11px, 2.9vw, 13px)/1.15 system-ui, sans-serif;
  white-space: nowrap;
}

.floating-treasury__badge svg {
  flex: 0 0 auto;
}

.floating-treasury__badge strong {
  color: #ffe58a;
  font-size: clamp(15px, 4vw, 20px);
  font-variant-numeric: tabular-nums;
}