.visual-display {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  overflow: hidden;
  border: 0.1rem solid rgba(var(--color-foreground), 0.16);
  border-radius: 50%;
  background: rgb(var(--color-background));
}

.visual-display__swatch,
.visual-display__image {
  display: block;
  width: 100%;
  height: 100%;
}

.visual-display__image {
  object-fit: cover;
}