.sb-feed-preview {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin: 0 0 12px;
  padding: 9px 12px;
  border: 1px solid #536a90;
  border-left: 3px solid #79a9ff;
  border-radius: 6px;
  background: #17243a;
  color: #dceaff;
  font-size: .78rem;
}

.sb-feed-preview[hidden] { display: none; }
.sb-feed-preview-title { color: #fff; }
.sb-feed-preview-mode { color: #9ebeea; }
.sb-feed-preview-status { color: #f4c570; }
.sb-feed-preview-captured { color: #dceaff; font-variant-numeric: tabular-nums; }
.sb-readonly-preview {
  cursor: default;
  border: 1px solid #a9c6ef;
  border-color: #a9c6ef;
  background: #1a2a42;
  color: #f4f8ff;
  opacity: 1;
}
.sb-readonly-preview::after { content: none; }
.sb-readonly-preview .sb-price-value,
.sb-readonly-preview .sb-price-selection,
.sb-readonly-preview .sb-price-line { color: #f4f8ff; opacity: 1; }

@media (max-width: 767px) {
  .sb-feed-preview { align-items: flex-start; }
  .sb-feed-preview-title { flex-basis: 100%; }
}