/* ========================================
   Pattern Utilities
   ======================================== */
:root {
  --pattern-image: none;
}

.pattern {
  background-image: var(--pattern-image);
  background-repeat: repeat;
  background-position: center;
}

.pattern--lithe {
  --pattern-size: 180px;
}

.pattern--bold {
  --pattern-size: 140px;
}

.theme.theme--inverted .pattern,
html.theme--inverted body.pattern {
  mix-blend-mode: normal;
}

.pattern::before {
  content: "";
}