.pinned-message {
  background: linear-gradient(to right, var(--off-white) 10%, color-mix(in srgb, var(--theme-color), white 95%) 120%);
  display: flex;
  align-items: center;
  box-shadow: 0.25rem 0.25rem 0.25rem rgba(226, 226, 226, 0.25);
  position: relative;
  padding: 0.5rem 1rem;
  gap: 1rem;
}

.pinned-message__content {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 4px;
}

.pinned-message__author {
  font-weight: var(--font-weight-bold);
}

.pinned-message__body {
  display: flex;
  flex-direction: row;
  gap: 8px;
}

.pinned-message__body--empty {
  color: var(--svg-gray);
  font-style: italic;
}