/* ==========================================================================
   Header Component Styles
   ========================================================================== */

/* Header container */
header,
.header {
  position: sticky;
  top: 0;
  padding: var(--size-4) 0;
  background-color: var(--color-background);
  border-bottom: 1px solid var(--color-border);
  z-index: var(--layer-5);
}