/* WooCommerce receipt: printer that prints the shop-care receipt. */
.jp-woo-receipt{position:relative;background:var(--ink);color:#fff;padding:110px 0 120px;overflow:hidden}
.jp-woo-receipt .rc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:start}
.jp-woo-receipt .wc-title{color:#fff;margin-bottom:22px}
.jp-woo-receipt .rc-grid > div > p{color:#c9d3da;font-size:17px;max-width:28em;margin-bottom:16px}
.jp-woo-receipt .btn{white-space:normal;text-align:left;margin-top:14px}
.jp-woo-receipt .btn[hidden]{display:none}
.jp-woo-receipt .printer{position:relative;max-width:420px;margin-inline:auto;width:100%}
.jp-woo-receipt .printer .body{position:relative;z-index:2;height:74px;border-radius:22px;background:var(--blue);border:3px solid #000;box-shadow:6px 6px 0 #000}
.jp-woo-receipt .printer .body::before{content:"";position:absolute;left:12%;right:12%;bottom:14px;height:12px;border-radius:999px;background:var(--ink);border:2px solid #000}
.jp-woo-receipt .printer .body::after{content:"";position:absolute;right:20px;top:16px;width:14px;height:14px;border-radius:50%;background:#2fbf71;border:2px solid #000;animation:jp-woo-receipt-blink 1.2s steps(2) infinite}
@keyframes jp-woo-receipt-blink{50%{background:#0f5f33}}
.jp-woo-receipt .slot{position:relative;margin:-22px 9% 0;overflow:hidden;padding-bottom:16px}
.jp-woo-receipt .paper{position:relative;background:#fff;color:var(--ink);padding:40px 24px 30px;font:500 14.5px/1.4 ui-monospace,Consolas,"Courier New",monospace;-webkit-mask:linear-gradient(#000,#000) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle at 10px 10px,transparent 9.5px,#000 10px) bottom/20px 10px repeat-x;mask:linear-gradient(#000,#000) top/100% calc(100% - 10px) no-repeat,radial-gradient(circle at 10px 10px,transparent 9.5px,#000 10px) bottom/20px 10px repeat-x}
.jp-woo-receipt .paper-title{font:800 22px/1 var(--jp-display);text-align:center;letter-spacing:-.01em;color:var(--ink)}
.jp-woo-receipt .paper .sub{text-align:center;color:var(--grey);font-size:12.5px;margin:6px 0 16px}
.jp-woo-receipt .paper ul{border-top:2px dashed #b9c1c7;border-bottom:2px dashed #b9c1c7;padding:10px 0}
.jp-woo-receipt .paper li{display:flex;justify-content:space-between;gap:12px;padding:5px 0}
.jp-woo-receipt .paper li span:last-child{color:#137a43;font-weight:700;flex-shrink:0}
.jp-woo-receipt .paper .tot{display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap;font-weight:700;padding:12px 0 4px;font-size:15px}
.jp-woo-receipt .paper .thx{text-align:center;color:var(--grey);font-size:12.5px;margin-top:10px}
.jp-woo-receipt .barcode{height:38px;margin:14px auto 0;width:70%;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 7px,transparent 7px 9px,var(--ink) 9px 10px,transparent 10px 13px)}
.js-motion .jp-woo-receipt .paper{transform:translateY(-101%)}
.js-motion .jp-woo-receipt .printer.go .paper{animation:jp-woo-receipt-print 2.6s steps(14,end) forwards}
@keyframes jp-woo-receipt-print{to{transform:translateY(0)}}
.jp-woo-receipt .printer.go .body{animation:jp-woo-receipt-rumble .12s linear 22 alternate}
@keyframes jp-woo-receipt-rumble{from{transform:translateX(-1px)}to{transform:translateX(1px)}}

.jp-woo-receipt.off *{animation-play-state:paused!important}

@media (max-width:980px){
  .jp-woo-receipt .rc-grid{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:560px){
  .jp-woo-receipt .paper{padding:34px 14px 26px;font-size:13px}
  .jp-woo-receipt .slot{margin-inline:6%}
}