message: fix: contextual colors and margins
diff: margin-left: 2px;
  margin-right: var(--space-xs);
  margin-top: 2px;
  + position: relative;
  text-align: center;
  width: 10px;
  z-index: var(--zindex-1);
  }
  &::before {
  - background-color: var(--blue-2);
  + background-color: var(--secondary-color);
  border-width: 1px;
  height: var(--space-sm);
  - margin: 0;
  margin-bottom: var(--space-xs);
  + margin-left: 0;
  margin-right: calc(var(--space-xxs) + 2px);
  + margin-top: 0;
  width: var(--space-sm);
  }
  &::after {
  - background-color: var(--blue-2);
  + background-color: var(--secondary-color);
  }
  }
  