.mm106 { --paper-w: 106mm;--screen-padding: 8mm}

@font-face {
  font-family: "Receipt-One";
  src: url("/font/receipt-one.ttf") format("truetype");
}
@font-face {
  font-family: "Receipt-Two";
  src: url("/font/receipt-two.ttf") format("truetype");
}
@font-face {
  font-family: "Receipt-Three";
  src: url("/font/receipt-three.ttf") format("truetype");
}
.font-receipt-one { font-family: "Receipt-One"; }
.font-receipt-two { font-family: "Receipt-Two"; }
.font-receipt-three { font-family: "Receipt-Three"; }

.paper {
  background: #fff;
  color: #000;
  width: var(--paper-w);
  min-height: var(--paper-h);
  padding: var(--screen-padding);
  font-style: normal;
  font-size: 12pt;
  line-height: 1.5;
  transform-origin: top center;
  margin: var(--screen-gutter) auto;
}

.texture {
  background-repeat: repeat;
  background-size: 100% auto; 
}

.texture-one { background-image: url("/texture/paper-one.jpeg"); }

.texture-two { background-image: url("/texture/paper-two.jpeg"); }

.texture-three { background-image: url("/texture/paper-three.jpeg"); }

.texture-four { background-image: url("/texture/paper-four.jpeg"); }

.texture-five { background-image: url("/texture/paper-five.jpeg"); }

.texture-six { background-image: url("/texture/paper-six.jpeg"); }

.texture-seven { background-image: url("/texture/paper-seven.jpeg"); }

.paper p.space-between { display: flex; justify-content: space-between; gap: 1rem; }

.paper .logo-wrapper {
  display: block;
  text-align: center;
}

@media (max-width: 768px) {
  .paper {
    width: calc(100vw - (2 * var(--screen-gutter)));
    margin: var(--screen-gutter) auto;
    transform: none;
  }
}