/* Products That Count — line patterns (p.12).
   "Use with the recommended line weight, ranges from .125pt-.35pt... Keep the
   line weight consistent within the pattern... May be used on white or as a
   tone-on-tone element. A range of opacity can be used to control vibrancy."
   Three patterns appear in the guide: 45deg stripes, a diagonal lattice
   (crosshatch), and a chevron/arrow rhythm. */
:root{
  --pattern-line-color:currentColor; /* @kind other */
  --pattern-line-width:1px;
  --pattern-scale:14px;
}
.ptc-pattern-diagonal{
  background-image:repeating-linear-gradient(45deg,currentColor 0 var(--pattern-line-width),transparent var(--pattern-line-width) var(--pattern-scale));
}
.ptc-pattern-lattice{
  background-image:
    repeating-linear-gradient(45deg,currentColor 0 var(--pattern-line-width),transparent var(--pattern-line-width) calc(var(--pattern-scale) * 2.6)),
    repeating-linear-gradient(-45deg,currentColor 0 var(--pattern-line-width),transparent var(--pattern-line-width) calc(var(--pattern-scale) * 2.6));
}
.ptc-pattern-chevron{
  background-image:
    repeating-linear-gradient(45deg,currentColor 0 var(--pattern-line-width),transparent var(--pattern-line-width) var(--pattern-scale)),
    repeating-linear-gradient(-45deg,currentColor 0 var(--pattern-line-width),transparent var(--pattern-line-width) var(--pattern-scale));
  background-size:100% 50%,100% 50%;
  background-position:0 0,0 100%;
  background-repeat:repeat-x;
}