/* The initial HTML starts hidden; initialize before any financial view can paint. */
html.numbers-hidden:not([data-number-privacy-ready]) #main,
html.numbers-hidden:not([data-number-privacy-ready]) #modal {
  visibility: hidden;
}
.number-privacy-control {
  position: relative;
  display: flex;
  flex: 1;
  min-width: 0;
  width: 100%;
}
.number-privacy-control > input {
  width: 100%;
  min-width: 0;
}
.number-privacy-placeholder {
  display: none;
}
.numbers-hidden .number-privacy-control > input {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  caret-color: transparent;
  pointer-events: none;
}
.numbers-hidden .number-privacy-control > input::-webkit-inner-spin-button {
  appearance: none;
}
.numbers-hidden .number-privacy-placeholder {
  display: block;
  position: absolute;
  left: 12px;
  top: 50%;
  transform: translateY(-50%);
  color: var(--muted);
  letter-spacing: 2px;
  pointer-events: none;
}
.modal-header [data-number-privacy-toggle] {
  margin-left: auto;
  margin-right: 8px;
}
[data-number-privacy-toggle][aria-pressed="false"] {
  color: var(--green);
}