/* Quiet Stanza — the pen's choices: nibs sized by tip, and the ink dot. */

/* nib choices — ink-coloured circles sized by tip */
.nib-row { gap: 10px; }
.nib-swatch {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: var(--sheet);
  border: 1px solid var(--sheet-edge);
  border-radius: var(--radius-card);
  padding: 7px 12px 7px 10px;
  cursor: pointer;
  font-family: var(--ui);
  font-size: 13px;
  color: var(--text-primary);
}
.nib-swatch:hover:not(:disabled) { border-color: var(--text-secondary); }
.nib-swatch:disabled { cursor: default; }
.nib-on {
  border-color: var(--gold);
  box-shadow: 0 0 0 2px var(--paper), 0 0 0 3px var(--gold);
}
.nib-dot {
  display: inline-block;
  border-radius: 50%;
  flex-shrink: 0;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.12);
}
.nib-dot-0 { width: 8px; height: 8px; }
.nib-dot-1 { width: 11px; height: 11px; }
.nib-dot-2 { width: 14px; height: 14px; }
.nib-dot-3 { width: 18px; height: 18px; }
.nib-label { white-space: nowrap; }
.ink-dot {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin-right: 8px;
  flex-shrink: 0;
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.15);
}