/* A colour's swatch (src/swatch.rs): a round dot on a hairline, its colour set on the element from
   the house library's sRGB, the one value no token holds. */
.swatch {
  display: inline-block;
  flex: none;
  width: var(--swatch-size);
  height: var(--swatch-size);
  border: var(--hairline) solid var(--color-line-hatch);
  border-radius: var(--radius-pill);
  vertical-align: middle;
}

.swatch-none {
  border-style: dashed;
}

.swatch-faded {
  opacity: 0.4;
}