:root {
  --header-bg: var(--color-surface);
}
.header {
  position: sticky;
  top: 0;
  z-index: 1000;
  background-color: var(--header-bg);
  box-shadow: 0 4px 6px -6px rgb(0 0 0 / 30%);
}