@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap");

body {
  min-height: 100vh;
  background: #f7f5ef;
  color: #171717;
  font-family: "Nunito", Arial, Helvetica, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Inter", Arial, Helvetica, sans-serif;
}

.fa-icon {
  width: 1em;
  height: 1em;
  fill: currentColor;
}

.packing-slip__fold {
  display: none;
}

@media print {
  @page {
    size: Letter;
    margin: 0;
  }

  .packing-slip {
    position: relative;
    min-height: 11in;
    padding: 0.5in;
    break-after: page;
  }

  .packing-slip__address {
    position: absolute;
    top: 1.75in;
    left: 0.875in;
    width: 4.125in;
    min-height: 1.125in;
    margin-top: 0;
  }

  .packing-slip__items {
    margin-top: 2.75in;
  }

  .packing-slip__fold {
    position: absolute;
    left: 0.125in;
    right: 0.125in;
    display: block;
    border-top: 1px dashed #a8a29e;
    color: #78716c;
    font-size: 8pt;
    line-height: 1;
  }

  .packing-slip__fold span {
    position: absolute;
    top: -0.45em;
    right: 0.125in;
    padding-left: 0.08in;
    background: white;
  }

  .packing-slip__fold--first {
    top: 3.667in;
  }
}