.demo-page {
  padding-top: 68px;
  background: var(--demo-paper, #F2F0E8);
  color: var(--demo-ink, #233138);
}

.demo-topbar {
  background: #1B3A4B;
  color: #FAFAF7;
  padding: 14px 24px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.demo-topbar-back {
  color: #CFE0E6;
  text-decoration: none;
  font-size: 13px;
}

.demo-topbar-back:hover {
  text-decoration: underline;
}

.demo-topbar-title {
  font-size: 14px;
  letter-spacing: 0.06em;
  font-weight: 700;
}

.demo-topbar-tag {
  font-size: 11px;
  padding: 3px 10px;
  border-radius: 999px;
}

.demo-topbar-tag--sample {
  background: #D97B3F;
}

.demo-topbar-tag--wholesale {
  background: #2A9D8F;
}

.demo-topbar-tag--restaurant {
  background: #C1622E;
}